Highcharts 数据动态展示

1.之前用的是echarts,这次使用highcharts来学习一下

2.动态数据顾名思义就是图表横轴数据和纵轴数据都是由ajax请求过来的数据

3.这里不再讲述ajax请求数据的过程

4.拿到ajax活数据之后进行循环遍历,将x轴数据和y轴数据分别放在两个数组中

var  xdata=[ ];

var ydata=[ ];

循环遍历

xdata.push("数据");

ydata.push("数据");

遍历完成之后:

x轴:  var timList=datex;
        chart.xAxis[0].setCategories(timList);

y轴:

          series: [{
                           name: '收益',
                           data: eval("["+ydata+"]")
                    }],

点评:最后填充数据我感觉和echarts还是有区别的

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

酒书

你的鼓励是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值