Echarts 官网 http://echarts.baidu.com/index.html
如何在Echarts图表中动态显示数据
但是在实际项目中,横坐标以及柱状图柱值都是根据数据库中查询的数据的值而变化的。因此,如何在Echarts图中动态显示数据呢?
有两种思路:
1 获取数据库数据,将其传入后台,后台将数据转为JSON格式的数据 后再传给前端(Echarts中代码即为JSON格式的),这样Echarts就可以直接使用这些JSON格式的数据显示数据库中对应的数据,从而可以达到动态显示的效果。
2 直接在前端页面中获取从后台查询到的数据库的值并且保存下来,然后直接在Echarts代码中去使用这些数据。(这样实现起来比较简单,不用写后台代码,容易实现,但前提是这些数据不用计算,是直接从数据库中查询得到的),可以使用jQuery去实现。
3 html 标签实现滚动条效果 详细参考这里