Javascript不连续堆叠的条形图

Question

我试图以不连续的堆积条形图来绘制日常任务。另一个描述是过去事件的垂直甘特图。

如果缺少描述，我想要的结果类似于下图所示（用油漆制成）。

所有任务都有持续时间（从头到尾），并且可以具有不同的类别，从而产生带有附属图例的不同颜色。

我一直在玩两个JavaScript绘图库； chart.js和plotly.js，并看着其他人，但是我还没有找到可以做我想实现的目标的东西。 chart.js和plotly都有堆叠的条形图，但是我看不到在条形之间留出空间并正确设置图例的方法。

有没有人知道这两个库中是否有可能？如果没有，可以替代图书馆吗？

致谢