使用d3繪製不連續的線

Question

我使用d3.js來繪製簡單的線圖。我想知道是否有辦法在圖表中創建「孔」，也就是說，如果在沒有可用數據的情況下可以中斷或切斷該行。

我正在考慮刪除我不需要的域名，或者在特定的段中將行權重設置爲0，但我找不到任何一種方法。

感謝您的幫助！

Answer 1

D3 line發電機有一個內置函數來做到這一點，line.defined。你可以使用這個函數來控制你的行的定義和不在的位置（比如你缺少數據的地方）。如果你想讓你的行在undefined數組中的第二個值是一個javascript NaN值的時候沒有定義，你可以說：

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

Here是一個很好的例子，在行動。