• Highcharts构建分组分类坐标轴


    Highcharts构建分组分类坐标轴


    分组分类坐标轴是将坐标轴的类别标签进行进一步分组,从而形成双层、多层结构。

    这样更利于数据分组展现。

    实现分组分类坐标轴须要借助第三方插件Grouped-Categories实现。引入该插件后。用户就能够使用categories构建分组分类标签。语法形式例如以下:

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

    当中,參数String指定分组名称,该名称会作为一个标签显示在坐标轴上。參数CategoriesObject指定下级分组形式。它能够是另外一个分组分类对象,也能够是一个类型数据。

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

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

    效果例如以下:


    分组分类坐标轴
    PS:该内容已经增加《网页图表Highcharts实践教程基础篇》v1.2.3中。
  • 相关阅读:
    筱玛的迷阵探险(折半搜索+01字典树)
    递推
    thin mission 2021 10 8
    4级 -- 阅读
    c++——小知识
    stl
    string
    ting mission 2021.9.20
    ting mission 2021.9.27
    欧拉函数
  • 原文地址:https://www.cnblogs.com/mfrbuaa/p/5379291.html
Copyright © 2020-2023  润新知