Echarts结合Ajax的动态图表(1)

刚入行，接到任务写个关于试卷成绩分布的图表，查了一年资料，总算写个差不多了。
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