Echarts 图表

Echarts 官网 http://echarts.baidu.com/index.html
如何在Echarts图表中动态显示数据

但是在实际项目中,横坐标以及柱状图柱值都是根据数据库中查询的数据的值而变化的。因此,如何在Echarts图中动态显示数据呢?
有两种思路:

1 获取数据库数据,将其传入后台,后台将数据转为JSON格式的数据 后再传给前端(Echarts中代码即为JSON格式的),这样Echarts就可以直接使用这些JSON格式的数据显示数据库中对应的数据,从而可以达到动态显示的效果。

2 直接在前端页面中获取从后台查询到的数据库的值并且保存下来,然后直接在Echarts代码中去使用这些数据。(这样实现起来比较简单,不用写后台代码,容易实现,但前提是这些数据不用计算,是直接从数据库中查询得到的),可以使用jQuery去实现。

3 html 标签实现滚动条效果 详细参考这里

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值