echarts插件
JDK1.7
MyEclipse
Tomcat
JSP
CSS3
HTML5
第一步，首先，要在Java Web项目引入echarts相关的js和css文件，接着在web目录下建一个jsp页面，lineChart.jsp
第二步，用到echarts，那就需要引入它的核心js，echarts.js，并且要配置echarts的路径 如下图所示：
第四步，由于这里是折线图，需要引入折线jsrequire( [ 'echarts', 'echarts/chart/line' ],如下图所示：
第五步，在require下方编写生成折线的js，js里包含折线图的X轴和Y轴的数据，图形的样式，图例等等如下图所示：
第六步，在浏览器中，输入：http://localhost:8080/echarts/lineChart.jsp结果发现：虽然图形出来了，但是数据没有出来，并且报js错误由js报错得知，这里引入的是折线js，没有引入bar有关的js，所以会报错
第七步，把第六步中的js修改一下series : [ { 'name':'销量', 'type':'line', 'data':[569, 789, 234, 654, 709, 1201,347,893,908,435,678,389] } ]将series中的type由“bar”修改成“line”，重新刷新浏览器，会发现如下图所示的图形：
第八步，但是，将鼠标移动到图形折点上，移动上面的点，发现点变大，并且数据发生改变，样式也发生变化，如下图所示：
第九步，然后，我查找echarts官方资料，上面说新版echarts有个新特性，就是可以将图形移动重新计算，利用calculable属性，当calculable：true时，可以实现重新计算；calculable:false，不能重新计算。于是，我将calculable设置成false，发现真的不能重新计算，而且将这个属性去掉也行重新刷新浏览器，折线不能重新移动计算了
注意echarts图形特性新型，但是得结合项目需求
注意灵活运用一些新的技术和技巧