使用D3圖表的缺失值的多系列折線圖

Question

我使用D3圖表繪製多系列折線圖。

我所有系列的數據都不一致。每個系列中都有一些缺失的值。

我的問題是，當我嘗試使用缺少值的數據呈現圖形時，不會創建圖形。

請給我建議處理系列丟失數據的方法。

以下是在表格和JSON格式我的樣本數據：

JSON：

[{ 
       "date": "2016-10-21 09:40", 
       "param1": 5.0, 
       "param2": 12.0 
}, { 
       "date": "2016-10-21 10:58", 
       "param1": null, 
       "param2": 3.0 
}, { 
       "date": "2016-11-01 14:06", 
       "param1": 4.0, 
       "param2": 3.0 
}, { 
       "date": "2016-11-02 13:22", 
       "param1": 1.0, 
       "param2": 3.0 
}, { 
       "date": "2016-11-04 15:06", 
       "param1": 6.0, 
       "param2": 2.0 
}, { 
       "date": "2016-11-07 11:59", 
       "param1": 1.0, 
       "param2": null 
}, { 
       "date": "2016-11-09 13:23", 
       "param1": 11.0, 
       "param2": 3.0 
}, { 
       "date": "2016-11-10 15:08", 
       "param1": 2.0, 
       "param2": 1.0 
}] 

以下是錯誤：

在此先感謝...

Answer 1

很難給出答案沒有看到任何代碼，但你可能需要一個line.defined這裏：https://github.com/d3/d3/wiki/SVG-Shapes#line_defined

根據API：

The defined accessor can be used to define where the line is defined and undefined, which is typically useful in conjunction with missing data.

這一點，如果你在你的數據null或undefined，把這個在您的線發生器：

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