当前位置: 代码迷 >> 综合 >> Highcharts 数据动态展示
  详细解决方案

Highcharts 数据动态展示

热度:98   发布时间:2023-12-19 14:21:58.0

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