<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>題型分析</title>
<script src="/Scripts/echarts-2.2.7/build/dist/echarts.js" type="text/javascript"></script>
</head>
<body>
<div id="chart" style="height: 400px; border: 1px solid #ccc; padding: 10px;">
</div>
<script type="text/javascript" language="javascript">
// 按需加載
// Step:3 為模塊加載器配置echarts的路徑，從當(dāng)前頁(yè)面鏈接到echarts.js酌儒，定義所需圖表路徑
require.config({
paths: {
echarts: '/Scripts/echarts-2.2.7/build/dist' //echarts.js的路徑
}
});
// Step:4 動(dòng)態(tài)加載echarts然后在回調(diào)函數(shù)中開(kāi)始使用周崭，注意保持按需加載結(jié)構(gòu)定義圖表路徑
require(
[
'echarts',
'echarts/chart/line'
],
// 回調(diào)函數(shù)
DrawEChart
);
// 渲染ECharts圖表
function DrawEChart(ec) {
// 圖表渲染的容器對(duì)象
var chartContainer = document.getElementById("chart");
// 加載圖表
var myChart = ec.init(chartContainer);
myChart.setOption({
// 圖表標(biāo)題
title: {
text: "題型分析", // ** 正標(biāo)題
link: "#", // 正標(biāo)題鏈接 點(diǎn)擊可在新窗口中打開(kāi)
x: "center", // 標(biāo)題水平方向位置
subtext: "", // 副標(biāo)題
sublink: "#", // 副標(biāo)題鏈接
// 正標(biāo)題樣式
textStyle: {
fontSize:24
},
// 副標(biāo)題樣式
subtextStyle: {
fontSize:12,
color:"red"
}
},
// 數(shù)據(jù)提示框配置
tooltip: {
trigger: 'axis' // 觸發(fā)類型，默認(rèn)數(shù)據(jù)觸發(fā)，見(jiàn)下圖渴庆，可選為：'item' | 'axis' 其實(shí)就是是否共享提示框
},
// 圖例配置
legend: {
data: ['難度', '區(qū)分度'], // ** 這里需要與series內(nèi)的每一組數(shù)據(jù)的name值保持一致
y:"bottom"
},
// 工具箱配置
toolbox: {
show : true,
feature : {
//dataView : {show: true, readOnly: false},// 數(shù)據(jù)視圖称鳞，上圖icon左數(shù)8，打開(kāi)數(shù)據(jù)視圖
restore : {show: true}, // 還原叁丧，復(fù)位原始圖表啤誊，上圖icon左數(shù)9，還原
saveAsImage : {show: true} // 保存為圖片拥娄，上圖icon左數(shù)10蚊锹，保存
}
},
calculable: true,
// x軸配置
xAxis: [
{
type: 'category',
data: ['客觀題7', '客觀題8', '客觀題9', '客觀題10', '客觀題11', '客觀題12', '客觀題13', '客觀題14', '1-6', '15(1)', '15(2)', '16', '17', '18', '19', '20', '21', '22', '23'],
name: "試題" // ** x軸配置:name
}
],
// Y軸配置
yAxis: [
{
type: 'value',
boundaryGap: [0, 0.2],
// max: 1.2,
// min: 0,
// splitNumber: 6,
name: "數(shù)值" // ** y軸配置:name
}
],
// 圖表Series數(shù)據(jù)序列配置
series: [
{
name: '難度', // **
type: 'line',
data: [0.82, 0.68, 0.79, 0.85, 0.73, 0.5, 0.76, 0.32, 0.5, 0.46, 0.43, 0.57, 0.71, 0.6, 0.57, 0.2, 0.27, 0.22, 0.19]
},
{
name: '區(qū)分度', // **
type: 'line',
data: [0.67, 1, 0.77, 0.56, 1, 1, 0.88, 1, 0.56, 1, 1, 1, 0.82, 1, 1, 0.75, 0.71, 0.65, 0.57]
}
]
});
}
</script>
</body>
</html>
