带有 Chart JS 或其他库的甘特图变化答案

【问题标题】：Gantt Chart Variation with Chart JS or other libraries带有 Chart JS 或其他库的甘特图变化
【发布时间】：2021-10-05 06:14:14
【问题描述】：

我想创建一个堆叠条形图的变体，它是浮动并在多次出现时接受相同的活动/输入 Y 轴显示 24 小时时间（上午 12 点 - 晚上 11:59），X 轴显示日历日（9/2、9/3）。此图表的目的是显示您全天的全部活动。

每个条都将使用其关联的活动进行颜色编码，并且必须具有开始和结束时间才能在关联的时间段 Y 轴中显示条。您也可以在同一天（x 轴）输入相同的活动，它不会合计，但仍将其放入正确的时间段。我还希望每个条都在同一列上对齐。这假设没有活动可以相互重叠。

Chart JS 可以吗？我已经看到堆积条形图和其他甘特图变体，但它们都没有在同一列上显示多次出现的相同活动以及开始/结束时间。如果不是，我可以使用哪些其他框架？

【问题讨论】：

我知道chartjs-timeline-plugin 可以做到这一点。我用过它，它工作得很好，虽然它是一个相当小的插件，没有更新到 chartjs v3，而且在 GitHub 之外没有太多的文档可以找到。

【解决方案1】：

我认为您应该能够使用x-range 系列类型创建这种类型的图表。

【讨论】：