使用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：

  

定义的访问器可用于定义行的定义和未定义的位置，这通常与缺少的数据结合使用。

如果您的数据中有null或undefined，请将其放入行生成器中：

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