如何在甘特图高图中添加类别部分？

Question

我在 angular 应用程序中使用甘特图。 在甘特高图中，我需要添加以红色突出显示的类别部分（一般流程和产品）。 尝试了很多解决方案，但没有得到解决方案。 请帮忙。

Answer 1

在数据集的开头，您只能插入名称为 属性 的点。

Highcharts.ganttChart('container', {
    series: [{
        name: 'Offices',
        data: [{
            name: 'Section 1'
        }, {
            name: 'New offices',
            id: 'new_offices',
            owner: 'Peter'
        }, ...]
    }, {
        name: 'Product',
        data: [{
            name: 'Section 2'
        }, {
            name: 'New product launch',
            id: 'new_product',
            owner: 'Peter'
        }, ...]
    }],
    ...
});

---

现场演示： https://jsfiddle.net/BlackLabel/3knLtr8g/