Echarts数据化可视图表

Echarts数据化可视图表

开发工具与关键技术：Visual Studio 2015  使用Echarts图表
作者：郭海明
撰写时间：2019年 6月 4日

在创建一个网页的时候，有一些页面会有许多数据，浏览起来枯燥而乏味，而且数据之间的对比也不够明显。那么有什么方法可以让这些数据的对比明显起来，使数据看起来也没有那么枯燥呢！答案当然是有的，我们只需要引用Echarts数据可视化图表就可以了。使用Echarts数据化图表不仅可以让数据之间对比明显，还可以使数据更加生动起来，增强用户浏览页面数据的体验感。
Echarts提供了常规的折线图，柱状图，饼状图，散点图。还有用于统计的盒型图，用于地理数据可视化的地图，热力图，线图，用于关系数据可视化的关系图，多维数据可视化的平行坐标。还有用户BI的漏斗图，仪表盘，并且支持图与图之间的混搭。
Echarts图表使用起来的方法页很简单，首先将Echarts插件引用到视图里面，视图里面添加显示Echarts图表的类。给这个类显示图表的空间，并给类ID，用于后面写好图表之后将图表放到这个类里面。

然后在

将学生信息数据表格需要用到的数据表，进行多表的连接查询，连接完成之后，

获取到需要用到的数据，封装到自定义的AchievementInfor的实体类里面。

写出接收不同阶段成绩的方法。用于接收每个不同阶段的成绩.
写完之后，返回到视图里面去写调用Echarts的图表，这里我们显示的是折线图，所以首先在