chart.js - 带间隙的水平堆积条

Question

我正在研究 chartjs 工具，看看它的功能是什么，以及我是否可以在我的项目中使用它。

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

我希望用户输入一个范围(例如 data1 可以有 min=250，max=500)并将该 block 添加到 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 的开发分支和最小/最大范围，它现在可以按预期工作。这篇文章可以被认为是关闭的。