最近在用echarts做数据展示,因为需要统计展示的数据极其繁琐,就利用Java在后台将数据封装好直接返回给前台,前台将显示的图片的形式划分成固定的网格,将后台的数据投射在网格上这样就能就能根据后台返回json的数量来控制显示前台显示图表的数量。具体需要引入什么包,在这里就不多讲了,可以在这里下载源码
后台Java代码,这里将所有要在前台显示的数据都进行了封装,画的是一个折线图和柱状图联合显示的一个图形。
@RequestMapping(value = "/getLineChart",method = RequestMethod.GET)
@ResponseBody
public String getLineChart(HttpServletRequest request, HttpSession session) {
Option option = new Option();
option.toolbox().x("right").show(true).
feature(Tool.dataView,
new MagicType(Magic.line, Magic.bar, Magic.pie).show(true), Tool.restore, Tool.saveAsImage,Tool.dataZoom);
option.title("历年变化情况");
option.tooltip().trigger(Trigger.axis);
option.calculable(true);
List xDataList = new ArrayList();
List dDataList = new ArrayList();
x