使用 Chart JS 或其他库的甘特图变体
Gantt Chart Variation with Chart JS or other libraries
Image of depicted bar chart
我想创建一个 堆叠条形图 的变体，它是 浮动的 并采用 相同的activity/input 多次出现，Y 轴显示 24 小时时间（上午 12 点 - 11:59 下午），X 轴显示日历日（9 月 2 日、9 月 3 日） ).此图表的目的是全天显示您的整个 activity。
每个条都将使用其关联的 activity 进行颜色编码，并且必须具有开始和结束时间才能在关联的时间段 Y 轴中显示条。您也可以在同一天（x 轴）输入相同的 activity，它 不会合计 但仍将其放入正确的时间段。我还希望每个条都在同一列上对齐。这假设没有活动可以相互重叠。
Chart JS 可以吗？我见过堆叠条形图和其他甘特图变体，但其中 none 在同一列上多次显示相同的 activity，时间为 start/end。如果不是，我可以使用哪些其他框架？
我认为您应该能够使用 x-range 系列类型创建这种类型的图表。
API: https://www.highcharts.com/docs/chart-and-series-types/x-range-series
Image of depicted bar chart
我想创建一个 堆叠条形图 的变体，它是 浮动的 并采用 相同的activity/input 多次出现，Y 轴显示 24 小时时间（上午 12 点 - 11:59 下午），X 轴显示日历日（9 月 2 日、9 月 3 日） ).此图表的目的是全天显示您的整个 activity。
每个条都将使用其关联的 activity 进行颜色编码，并且必须具有开始和结束时间才能在关联的时间段 Y 轴中显示条。您也可以在同一天（x 轴）输入相同的 activity，它 不会合计 但仍将其放入正确的时间段。我还希望每个条都在同一列上对齐。这假设没有活动可以相互重叠。
Chart JS 可以吗？我见过堆叠条形图和其他甘特图变体，但其中 none 在同一列上多次显示相同的 activity，时间为 start/end。如果不是，我可以使用哪些其他框架？
我认为您应该能够使用 x-range 系列类型创建这种类型的图表。
API: https://www.highcharts.com/docs/chart-and-series-types/x-range-series