使用Highchart组合甘特图和折线图

Question

实际上，我想将highchart线系列和ganttchart合并到同一张图表中。请帮助我。

我试图将样条线系列添加到甘特图，但这没用。

Answer 1

要访问每个基本系列，您需要使用Highcharts源代码并将Gantt添加为模块：

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/gantt.js"></script>

现在可以在line中使用ganttChart系列了：

series: [..., {
    data: [{
        y: 1,
        start: Date.UTC(2014, 10, 17)
    }, {
        y: 1,
        start: Date.UTC(2014, 10, 24)
    }, {
        y: 2,
        start: Date.UTC(2014, 10, 27)
    }],
    type: 'line'
}]

---

实时演示： https://jsfiddle.net/BlackLabel/xm7daL3b/

文档： https://www.highcharts.com/docs/gantt/getting-started-gantt