Многолинейная линейная диаграмма с отсутствующими значениями с использованием диаграмм 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]); });