В d3.js пропустите append () для нулевых данных

Я рисую линейный график из маленьких круглых маркеров. Однако в данных есть дыры, которые представлены нулем в моем массиве. Естественно, там, где нет данных, не должно быть кружков. Но метод append () d3 все равно добавляет их. Как мне избежать этого?

Вот этоjsFiddle макет точно воспроизвести мою проблему.

Я заинтересован в том, чтобы НЕ иметь ту серию окружностей, которые лежат на оси X моего графа, поскольку все они равны нулю.

Соответствующий код из ссылки jsfiddle:

svg.selectAll('circle').data(values).enter()
  .append('circle')// <-- I don't want to do this for null's
  .attr('fill', '#c00')
  .attr('r', 3)
  .attr('cx', xi)
  .attr('cy', yFlipped)

Ответы на вопрос(5)

Ваш ответ на вопрос