用d3绘制不连续的线条

Drawing non-continuous lines with d3

本文关键字：不连续 d3 绘制      更新时间：2023-09-26

我使用d3.js制作一个简单的线形图。我想知道是否有办法在图中创造"洞"，也就是说，如果没有可用的数据，这条线是否可以被打断或切断。

我正在寻找从域中删除我不需要的地方，或者在特定部分将行权重设置为0，但我找不到一种方法来做这些。

谢谢你的帮助!

D3行生成器有一个内置的函数来做这件事，line.define。您可以使用这个函数来控制在哪里定义行，在哪里不定义行(比如在哪里丢失了数据)。如果你想在point数组中的第二个值是javascript NaN值的时候定义你的行，你可以说:

line.defined(function(d) { return !isNaN(d[1]); });

下面是一个很好的例子:

相关文章：