修改 Highchart 中分组选项插件的样式

Question

在尝试使用 https://github.com/blacklabel/grouped_categories/ 时，我设法让它使用如下所示的输出

有没有办法可以修改以下选项 1. 删除网格（我可以手动将 html 中那些元素的笔画宽度更改为 0 以删除网格，是否有属性 / 任何其他方法可以做到这一点？） 2.类别间距 3. 移动整个类别 table，以便我可以在其上方插入自定义轴？

Answer 1

如您在 Grouped Categories plug-in documentation 中所见，您可以使用 groupedOptions 属性来应用您的样式：

xAxis: {    
    labels: {
        groupedOptions: [{
            style: {
                color: 'red' // set red font for labels in 1st-Level  
            }
        }, {
            rotation: -45, // rotate labels for a 2nd-level
            align: 'right'
        }],
        rotation: 0 // 0-level options aren't changed, use them as always
    },
    categories: /* Your grouped categories */
}

因此，您几乎可以设置 xAxis 的所有样式。

编辑

这将只允许您修改标签样式。对不起。

修改 Highchart 中分组选项插件的样式

Modifying style for grouped option plugin in Highchart

visualization

data-visualization

highcharts