有间隙的水平堆积杆

Question

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

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

我希望用户输入一个范围（例如data1的最小值为250，最大值为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

我更新了代码笔，以使用具有最小/最大范围的2.9.0开发分支，现在它可以按预期工作。该帖子可以被视为已关闭。