带间隙的水平堆积条

Question

我正在研究 chartjs 工具以了解它的功能以及是否可以在我的项目中使用它。

我有以下示例： https://codepen.io/anon/pen/wVqONp

我希望用户输入一个范围（例如 data1 可以具有 min=250，max=500）并将该块添加到 x 轴上的正确位置。与示例不同，条形之间可能存在间隙。 （例如，data1 的 min=250,max=500 和 data2 的 min=700,max=800）。我更喜欢重叠是允许的，但如果不是，那也没关系。 （例如，data1 的 min=250,max=500 和 data2 的 min=300,max=600）。换句话说，我不希望每个数据点从最小值开始，而是从最小值到最大值。

这样的事情可能吗？

抱歉，S.O.要求我在这篇文章中添加代码，所以我在下面放了一行。

var ctx = document.getElementById("Chart1");

更新：

这是 2.9.0 中即将推出的功能 https://github.com/chartjs/Chart.js/issues/4863

Codepen 已更新以显示使用开发分支的工作示例

Answer 1

我更新了 codepen 以使用具有最小/最大范围的 2.9.0 的开发分支，它现在可以按预期工作。这篇文章可以被视为已关闭。