highcharts - Highcharts 甘特图（或 XRange）组 y 轴元素

Question

我需要在 y 轴上对元素进行分组，但不知道如何实现。它可以使用 x 范围或甘特图，使用类别、网格或树形网格，以最适合的方式使用。

这是一个例子

标签： highchartsgantt-chart

Answer 1

您可以使用Grouped Categories插件：

yAxis: {
    ...,
    labels: {
        groupedOptions: [{
            rotation: -90,
        }],
    },
    categories: [{
        name: "Fruit",
        categories: ["Apple", "Banana", "Orange"]
    }]
}

---

现场演示：http: //jsfiddle.net/BlackLabel/6m4e8x0y/4732/

文档： https ://www.highcharts.com/plugin-registry/single/11/Grouped-Categories