Highcharts构建分组分类坐标轴

时间：2015-07-16 16:46:18 阅读：205 评论：0 收藏：0 [点我收藏+]

Highcharts构建分组分类坐标轴

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

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

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

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

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

效果如下：

分组分类坐标轴

PS：该内容已经加入《网页图表Highcharts实践教程基础篇》v1.2.3中。

Highcharts构建分组分类坐标轴

标签：highcharts 构建分组分类坐标轴

原文地址：http://blog.csdn.net/jsbome/article/details/46912117

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行