Highcharts构建分组分类坐标轴
分组分类坐标轴是将坐标轴的类别标签进行进一步分组,从而形成双层、多层结构。这样更利于数据分组展现。实现分组分类坐标轴需要借助第三方插件Grouped-Categories实现。引入该插件后,用户就可以使用categories构建分组分类标签。语法形式如下:
- categories:[{
- name:String,
- categories:CategoriesObject
- }]
其中,参数String指定分组名称,该名称会作为一个标签显示在坐标轴上;参数CategoriesObject指定下级分组形式。它可以是另外一个分组分类对象,也可以是一个类型数据。
设置分组后,用户还可以针对每个层次标签单独设置样式。这时需要使用该插件增加的配置项groupedOptions。其语法形式如下:
- labels:{
- groupedOptions:[{
- //第一层的labels各类配置项
- },{
- //第二层的labels各类配置项
- },{
- //第三层的labels各类配置项
- }]
- }
效果如下:
分组分类坐标轴
本文详细介绍了如何使用Highcharts插件Grouped-Categories构建分组分类坐标轴,包括分组分类标签的设置、样式配置以及具体实现步骤。

359

被折叠的 条评论
为什么被折叠?



