刚入行,接到任务写个关于试卷成绩分布的图表,查了一年资料,总算写个差不多了。
1.页面跳转:首先从查看考试信息页面跳转至图表页面,使用button+function的方法,需要注意的是跳转时通常会嵌入一个查询成绩分布所需的条件-考试ID,写作ksid,传参时注意格式以及Url与成绩分布网页的ksid对应关系。
1.页面跳转:首先从查看考试信息页面跳转至图表页面,使用button+function的方法,需要注意的是跳转时通常会嵌入一个查询成绩分布所需的条件-考试ID,写作ksid,传参时注意格式以及Url与成绩分布网页的ksid对应关系。
function wrongAnwserStatistics(ksid) {
var url = location.protocol + "//" + location.host + "/######/wrongAnswerStatistics?ksid="+ksid;
location.href = url;
}
2.前台:前台代码需要注意的地方很多
(1).写Echarts的时候需要一个DOM载体。
<div id="main" style="width: 800px;height:400px;position:absolute;left:inherit;top:100px"></div>
(2).Echarts的各属性需要熟悉:尤其注重更适合自定义的tooltip。
(3).Echarts与ajax:首先写的ajax,注意ajax的data需要一个键值对,然后写全局变量承载Result的值,在Echarts的series属性data中用全局变量赋值。当然如果有多条数据最好写function赋值了。
var myChart = echarts.init(document.getElementById('main'));
var scoreNum = ['0', '0', '0', '0', '0', '0', '0', '0', '0', '0'];
var name0 = []; var name1 = []; var name2 = []; var name3 = []; var name4 = []; var name5 = []; var name6 = []; var name7 = []; var name8 = []; var name9 = [];
var name