Javascript 不连续堆积条形图

问：

我正在尝试将日常任务绘制在我描述为不连续堆积条形图中。另一种描述是过去事件的垂直甘特图。

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

所有任务都有一个持续时间（从到时间），并且可以有不同的类别，从而产生不同的颜色和归属图例。

我一直在玩两个 javascript 绘图库;chart.js 和 plotly.js，看看其他人，但我还没有找到任何可以实现我想要实现的目标。chart.js 和 plotly 都有堆叠的条形图，但我看不到如何在条形之间获得空格并获得正确的图例。

有谁知道这在这两个库中是否可行？如果没有，是否有可以执行此操作的替代库？

问候