1. 程式人生 > >Highcharts中字串處理方式(3)

Highcharts中字串處理方式(3)

簡化節點賦值
當圖表中存在多個數據列,並且每個資料列的節點的x值都是相同的,也可以直接在x軸的設定中,直接指定由name構成的刻度。其程式碼如下:

  • xAxis:[{
  • type:’category’,
  • categories:[‘第一次’,’第二次’,’第三次’,’第四次’,’第五次’]
  • }]

這樣做的結果就是將節點中的name和y值進行分離。
【例項2-8:strdatasimple】下面簡化例項2-6的節點資料,重新構成圖表。核心程式碼如下:

  • series: [{
  • data: [92, 85, 89, 97, 91]       //簡化的節點資料
  • }],
  • xAxis: [{
  • type: ‘category’,
  • categories:[‘第一次’,’第二次’,’第三次’,’第四次’,’第五次’]  //指定x軸刻度
  • }],

執行程式碼後,執行效果如圖所示。


簡化節點賦值

PS:該內容已經加入《網頁圖表Highcharts實踐教程基礎篇》v1.2.5。