用d3繪制非連續線

Question

我正在使用d3.js制作一個簡單的折線圖。 我想知道是否有一種方法可以在圖形中創建“孔”，也就是說，如果在沒有可用數據時可以中斷或切割線。

我正在研究從域中刪除我不需要的地方，或者在特定段中將行權重設置為0，但我找不到這樣做的方法。

謝謝你的幫助！

Answer 1

D3 線路生成器具有內置功能，即line.defined 。 您可以使用此函數來控制線的定義位置和不存在的位置（例如，您缺少數據的位置。）如果您想要在點數組中的第二個值為javascript NaN值時使線未定義，則可以說：

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

這是一個很好的例子。