Highcharts构建分组分类坐标轴
Highcharts构建分组分类坐标轴
分组分类坐标轴是将坐标轴的类别标签进⾏进⼀步分组,从⽽形成双层、多层结构。
这样更利于数据分组展现。
实现分组分类坐标轴须要借助第三⽅插件Grouped-Categories实现。引⼊该插件后。⽤户就能够使⽤categories构建分组分类标签。语法形式例如以下:
categories:[{
name:String,
categories:CategoriesObject
}]
当中,參数String指定分组名称,该名称会作为⼀个标签显⽰在坐标轴上。參数CategoriesObject指定下级分组形式。它能够是另外⼀个分组分类对象,也能够是⼀个类型数据。
设置分组后。⽤户还能够针对每⼀个层次标签单独设置样式。这时须要使⽤该插件添加的配置项groupedOptions。其语法形式例如以下:labels:{
groupedOptions:[{
//第⼀层的labels各类配置项
},{分组名称大全
//第⼆层的labels各类配置项
},{
//第三层的labels各类配置项
}]
}
效果例如以下:
分组分类坐标轴
PS:该内容已经增加《⽹页图表Highcharts实践教程基础篇》v1.2.3中。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论