java利用ECHARTS.JS在前台显示图表
步骤1: (1)在java后台,使用MSQL分组函数,列出所有线在对应的点的值, (2)组成的Map如图所示: 注意: key为0的value表示X轴需要的数据;key为其他的值表示图表线条的名字,value为x轴的点对应的y轴的值,y轴的值和x轴是一一对应的,即使没有值,也要放入0 为了方便测试,这里在Aciton中放入测试数据,如: public String searchChartData() { Map<String, List<String>> valueMap = new HashMap<>(); List<String> list1 = new ArrayList<>(); valueMap.put("0", list1); list1.add("2016年7月"); list1.add("2016年12月"); list1.add("2017年1月"); list1 = new ArrayList<>(); valueMap.put("A线条", list1); list1.add("2016年7月:11"); list1.add("2016年12月:22"); list1.add("2017年1月:33"); list1 = new ArrayList<>(); valueMap.put("B线条", list1); list1.add("2016年7月:66")