Javascript 人力车中带范围的样式线图

我正在尝试建立一个绘图系统，其中在一个范围内的线图是虚线，超过或未达到该范围的线图是用实线绘制的。也就是说，在下面的数组

[1,2,3,4,5,6,7,8,9,10]

中，如果我的范围是

[4,7]

我将有两组点：我的数据在范围内（虚线）：

[null，null，null，4,5,6,7，null，null，null]

；以及超出范围的数据（实线）

[1、2、3、null、null、null、null、8、9、10]

我想我可以通过为每个数据集绘制两个线条图来实现这一点。一个是虚线风格，一个是实线风格。为了实现这一点，我尝试使用POC在线条图中创建一个间隙

我想我可以通过删除数据系列中的元素，然后再将其发送到渲染（）来实现这一点：

var random=新人力车。固定装置。随机数据（150）；
对于（变量i=0；i<150；i++）{
随机添加数据（系列数据）；
}
//创建图形的空部分
对于（变量i=70；i<100；i++）{
删除系列数据[0][i]；
}

但在我的图中，我似乎得到了一条直线，其中删除了元素

有没有可能在人力车中渲染部分线条，或者使用任何其他方法来实现我的范围样式

我知道我甚至可能不得不把情节分成连续的几行。对于我上面的例子，这需要3个不同的图。如果我这样做，我仍然需要画一个局部图。rickshawjs中的数据集错误中的任何空元素

编辑：解决方案是将我的上述代码更改为仅删除“y”值，同时保留“x”值：

// Create empty part of graph
for (var j = 10; j < 100; j++) {
    seriesData[0][j].y = null;
}

//创建图形的空部分
对于（var j=10；j<100；j++）{
seriesData[0][j].y=null；
}

我不知道这有什么帮助，但我只发现通过将值设置为零，可以提前结束该行：

seriesData[0][75] = 0;

结果红线只画了正常方式的一半

---

看起来只有某些类型的图支持间隙：

Ah-ha，谢谢。这实际上可能会有所帮助。如果我能在中途开始一条线，那么我就可以用这个跑。我来修补一下。

seriesData[0][75] = 0;