Highcharts build the Group category coordinate axis and highcharts coordinate axis

Highcharts build the Group category coordinate axis and highcharts coordinate axis
Highcharts
The Group category coordinate axis further groups the category tags of the coordinate axes to form a dual-layer and multi-layer structure. This is more conducive to the presentation of data groups. To implement the Group category axis, you must use the third-party plug-in Grouped-Categories. After this plug-in is introduced, you can use categories to build group classification labels. The syntax format is as follows:

• Categories :[{
• Name: String,
• Categories: CategoriesObject
• }]

The String parameter specifies the group name, which is displayed as a tag on the axis. The CategoriesObject parameter specifies the sub-group form. It can be another group classification object or a type data.

After the group is set, you can also set a style for each level label separately. In this case, you need to use the groupedOptions configuration item added by the plug-in. The syntax format is as follows:

• Labels :{
• GroupedOptions :[{
• // Various labels configuration items at the first layer
• },{
• // Various labels configuration items on Layer 2
• },{
• // Various labels configuration items on Layer 3
• }]
• }

The effect is as follows:


Group category axis
PS: This content has been added to webpage chart Highcharts practice tutorial basics v1.2.3.

Copyright Disclaimer: This article is an original article by the blogger and cannot be reproduced without the permission of the blogger.