Highcharts构建分组分类座标轴

Highcharts构建分组分类座标轴


分组分类座标轴是将座标轴的类别标签进行进一步分组,从而形成双层、多层结构。这样更利于数据分组展现。实现分组分类座标轴需要借助第三方插件Grouped-Categories实现。引入该插件后,用户就可以使用categories构建分组分类标签。语法形式如下:

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

其中,参数String指定分组名称,该名称会作为一个标签显示在座标轴上;参数CategoriesObject指定下级分组形式。它可以是另外一个分组分类对象,也可以是一个类型数据。

设置分组后,用户还可以针对每个层次标签单独设置样式。这时需要使用该插件增加的配置项groupedOptions。其语法形式如下:

  • labels:{
  • groupedOptions:[{
  • //第一层的labels各类配置项
  • },{
  • //第二层的labels各类配置项
  • },{
  • //第三层的labels各类配置项
  • }]
  • }

效果如下:


分组分类座标轴
PS:该内容已经加入《网页图表Highcharts实践教程基础篇》v1.2.3中。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章