Используя jQuery Flot, я могу передать нулевое
значение в механизм построения графика, поэтому он просто ничего не нарисует на сюжете. Посмотрите, как подавляются отсутствующие записи:
Я планирую перейти на 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;
});
Я искал элемент SVG path
в Mozilla Developer Network и обнаружил, что там есть команда MoveTo, M xy
, который только перемещает «перо» в какую-то точку, ничего не рисуя. Реализовано ли это в пакете d3js
, чтобы мне не приходилось создавать несколько элементов path
каждый раз, когда я сталкиваюсь с отсутствующей записью?