Highcharts數(shù)據(jù)表示(3)

採用對(duì)象數(shù)組的形式，能夠明白節(jié)點(diǎn)上每一個(gè)項(xiàng)目的值。可是當(dāng)節(jié)點(diǎn)較多時(shí)，會(huì)造成大量的冗余代碼。

假設(shè)不寫配置項(xiàng)名稱，對(duì)象數(shù)組就能夠簡(jiǎn)化二維數(shù)組。形式例如以下：

• 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],
• ]

這個(gè)時(shí)候。能夠節(jié)省非常多代碼書寫量。可是因?yàn)椴煌臄?shù)據(jù)列可能包括的項(xiàng)目不同，所以須要讓Highcharts能正確識(shí)別每一個(gè)項(xiàng)目的順序。這個(gè)時(shí)候，能夠採用配置項(xiàng)keys來指定項(xiàng)目順序。

該配置項(xiàng)是series的一個(gè)子配置項(xiàng)。

其語法例如以下：

• keys:Array<String>

當(dāng)中，參數(shù)Array<String>指定二維數(shù)組中每一個(gè)值所相應(yīng)的配置項(xiàng)名稱。對(duì)于剛才的樣例，就須要使用keys進(jìn)行指定，形式例如以下：

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

PS:該內(nèi)容已經(jīng)增加《網(wǎng)頁圖表Highcharts實(shí)踐教程基礎(chǔ)篇》v1.2.5。

?

總結(jié)

以上是生活随笔為你收集整理的Highcharts数据表示(3)的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。