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还是有区别的

 

发布了87 篇原创文章 · 获赞 40 · 访问量 21万+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章