Передача нулевых значений в путь SVG (используя d3.js) для подавления недостающих данных

Используя jQuery Flot, я могу передать нулевое значение в механизм построения графика, поэтому он просто ничего не нарисует на сюжете. Посмотрите, как подавляются отсутствующие записи:

enter image description here

Я планирую перейти на d3js, чтобы иметь более глубокий низкоуровневый контроль над графикой с помощью SVG. Однако мне еще предстоит выяснить, как сделать тот же процесс подавления отсутствующих записей. Изображение ниже является попыткой сделать это, используя значение 0 вместо null (где пакет d3 ломается). Вот некоторый код, чтобы дать вам представление о том, как я построил график ниже:

var line = d3.svg.line()
    .x(function(d) {
       var date = new Date(d[0]);
       return x(date);
    })
    .y(function(d) {
       var height = d[1]; 
       if (no_record_exists) {
           return y(0);
       }
       return y(height) + 0.5;
    });

enter image description here

Я искал элемент SVG path в Mozilla Developer Network и обнаружил, что там есть команда MoveTo, M xy, который только перемещает «перо» в какую-то точку, ничего не рисуя. Реализовано ли это в пакете d3js, чтобы мне не приходилось создавать несколько элементов path каждый раз, когда я сталкиваюсь с отсутствующей записью?

16
задан ZachB 3 May 2012 в 17:44
поделиться