对于java数据报表形式的js我推荐ECharts

ECharts，一个使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖轻量级的矢量图形库 ZRender，提供直观，交互丰富，可高度个性化定制的数据可视化图表

我用了一晚上在啃这块，其实他的api文档实例已经可以表示说明一切，但主要是的在数据结构的打包上，

重点

1.在查询条件为list的集合中，我们如果在后台不处理，那么返回给页面就是集合的形式，但ECharts得条形图等，需要把数据能像data:[120, 132, 101, 134, 90, 230, 210]这样的形式，去铺垫给js代码生成

    接下来我会交给大家，怎么样去获取data:[120, 132, 101, 134, 90, 230, 210]这样形式的数据

foreach循环，var data1 += result.date，注意是+=，这样就能获取到数据形式一致性

2.单属性查询，其实也类似，但是少了几步而已

这个是我的html代码至于为什么要这样放，有原因的，看注释

这个是controller层的代码，查询哪块就不用贴吧

在查询list的集合中，用for循环把查询到的list分给俩个需要展现数据的小list里，在用map集合分装在返回给页面，然后如果你们想在前端进行处理，说实话我做过，但是做不出来，也只能在后台处理好数据返回，所以这个图表的简单数据柱形图就这样结束了