Highcharts資料表示(3)，highcharts資料表示

Highcharts資料表示(3)，highcharts資料表示
Highcharts資料表示(3)採用對象數組的形式，可以明確節點上每個項目的值。但是當節點較多時，會造成大量的冗餘代碼。如果不寫配置項名稱，對象數組就可以簡化二維數組。形式如下：

• data:[
• [Number|String , Number , Color , Number|String|Object],
• [Number|String , Number , Color , Number|String|Object],
• [Number|String , Number , Color , Number|String|Object],
• ……,
• [Number|String , Number , Color , Number|String|Object],
• ]

這個時候，可以節省很多代碼書寫量。但是由於不同的資料列可能包含的項目不同，所以需要讓Highcharts能正確識別每個項目的順序。這個時候，可以採用配置項keys來指定項目順序。該配置項是series的一個子配置項。其文法如下：

• keys:Array<String>

其中，參數Array<String>指定二維數組中每個值所對應的配置項名稱。對於剛才的例子，就需要使用keys進行指定，形式如下：

• keys:[‘x’,’y’,’color’,’hightemtime’]

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

 

著作權聲明：本文為博主原創文章，未經博主允許不得轉載。