现在已经深夜12点了,拖着疲惫身体还是写完这篇简书吧,今天用了Echarts实现动态加载数据,干货还是要分享给大家的
自己确实有点low了,破东西搞了一个小时,之前也一直在用这个,但是都是给的死数据,这次哥们后台需要图标统计,数据都是实时更新的,叫小搞了一下
首先把echarts的插件引入,根据官方文档都有现成的demo,话不多说,直接进入主题
刚开始天真的以为,只要把数据从ajax中获取出来,组成数组就可以放进去了,就比如下面这么傻的写
事实证明,我想的太简单了,并没有什么卵用
真正的正确写法是在ajax获取正确的数据后,在success的方法里,直接setOption,把需要加入全局数据加入进去,当然,在获取数据前,把需要加入活的数据的属性赋值为空,下面是完整代码,粘贴上去睡觉觉了,晚安!
var myChart = echarts.init(document.getElementById('main'));
// 显示标题,图例和空的坐标轴
myChart.setOption({
title: {
text: '施工队工时统计'
},
tooltip: {
trigger: 'axis'
本文通过一个实例展示了如何使用Echarts结合Ajax从后台获取动态数据并展示在图表上,详细介绍了设置图表、处理数据及更新选项的过程,适合需要实现实时数据更新的图表应用场景。
最低0.47元/天 解锁文章
1625

被折叠的 条评论
为什么被折叠?



