Google图表、HighCharts或ChartJS双轴甘特图和折线图可视化

我正在尝试创建双轴甘特图和折线图，以便在左轴（甘特图数据）上显示任务，在右轴（折线图数据）上显示数值。我想使用Google图表、HighCharts或chartJs进行可视化，但不知道哪一个可以实现这一点，请参阅问题所附的链接/图片，以获取我试图接近的可视化效果。我可以单独显示每个图表，但不能作为组合双轴图表一起显示。我已经尝试过各种组合图表配置，但并没有一种接近于工作状态。在此方面的任何帮助都将不胜感激

以下是指向Google图表、HighCharts组合图和甘特图演示的链接：

---

使用Highcharts可以轻松创建这种类型的图表。您可以将

line

和

xrange

系列类型与两个

yAxis

一起使用：

Highcharts.chart('container', {
    xAxis: {
        type: 'datetime'
    },
    yAxis: [{
        categories: [...],
    }, {
        opposite: true
    }],
    series: [{
        type: 'xrange',
        data: [...]
        }
    }, {
        type: 'line',
        yAxis: 1,
        data: [...]
    }]
});

---

现场演示：

---

API参考：

正是我想要的！非常感谢。由于类似甘特图的日期范围显示，神奇之处在于xrange图表类型。我现在正在深入研究xrange配置选项。