我已参考此使用chartJs的折线图创建了甘特图。
How to Draw Gantt chart using chart js or other libraries
这是15天的时间表。我需要根据经过的日期更改条形的背景颜色。 对于特定的y轴，可能有两个或多个数据。 请点击此链接查看我要实现的图表。
https://github.com/dk8996/Gantt-Chart
我能够创建此图，但不幸的是，我无法为同一y轴上的一系列数据设置不同的backgroundColor。
为在单个y轴上创建一系列数据，我使用一对坐标，其中x和y的坐标均保持NaN，并将'spanGaps'设置为false。
为了实现这一点，我构造了backgroundColor数组。如果提供了一个值，但不适用于值数组，则可以使用。
数据集= [ {data = [{ x：“ 10月10日”， y：0.5 }， { x：“ 15十月”， y：0.5 }， { x：NaN， y：NaN }， { x：“ 20十月”， y：0.5 }， { x：“ 10月25日”， y：0.5 }]}] 这是我的数据结构，用于在同一y轴刻度上构造多个值。