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萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章