用d3绘制非连续线

jul*_*lio 23 javascript d3.js

我正在使用d3.js制作一个简单的折线图.我想知道是否有一种方法可以在图形中创建"孔",也就是说,如果在没有可用数据时可以中断或切割线.

我正在研究从域中删除我不需要的地方,或者在特定段中将行权重设置为0,但我找不到这样做的方法.

谢谢你的帮助!

Jos*_*osh 50

D3 线路生成器具有内置功能,即line.defined.您可以使用此函数来控制线的定义位置和不存在的位置(例如,您缺少数据的位置.)如果您想在点数组中的第二个值是javascript NaN值时使线未定义,则可以说:

line.defined(function(d) { return !isNaN(d[1]); });
Run Code Online (Sandbox Code Playgroud)

是一个很好的例子.