Eu estou desenhando um gráfico de linhas de pequenos círculos. No entanto, os dados têm buracos, que são representados por null's na minha matriz. Naturalmente, onde quer que não haja dados, não deve haver círculos. Mas o método append () do d3 os adiciona de qualquer maneira. Como evito isso?

Aqui está umjsFiddle mockup reproduzindo meu problema exatamente.

Estou interessado em não ter essa série de círculos que estão no eixo X do meu gráfico, uma vez que são todos nulos.

Código relevante do link 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)