Highcharts構建分組分類座標軸

Highcharts構建分組分類座標軸


分組分類座標軸是將座標軸的類別標籤進行進一步分組,從而形成雙層、多層結構。這樣更利於數據分組展現。實現分組分類座標軸需要藉助第三方插件Grouped-Categories實現。引入該插件後,用戶就可以使用categories構建分組分類標籤。語法形式如下:

  • categories:[{
  • name:String,
  • categories:CategoriesObject
  • }]

其中,參數String指定分組名稱,該名稱會作爲一個標籤顯示在座標軸上;參數CategoriesObject指定下級分組形式。它可以是另外一個分組分類對象,也可以是一個類型數據。

設置分組後,用戶還可以針對每個層次標籤單獨設置樣式。這時需要使用該插件增加的配置項groupedOptions。其語法形式如下:

  • labels:{
  • groupedOptions:[{
  • //第一層的labels各類配置項
  • },{
  • //第二層的labels各類配置項
  • },{
  • //第三層的labels各類配置項
  • }]
  • }

效果如下:


分組分類座標軸
PS:該內容已經加入《網頁圖表Highcharts實踐教程基礎篇》v1.2.3中。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章