Estoy dibujando un gráfico de líneas de pequeñas balas circulares. Sin embargo, los datos tienen agujeros, que están representados por null en mi matriz. Naturalmente, donde no haya datos, no debería haber círculos. Pero el método append () de d3 los agrega de todos modos. ¿Cómo evito esto?

Aquí está unmaqueta de jsfiddle reproduciendo mi problema exactamente.

Me interesa NO tener esa serie de círculos que se encuentran en el eje X de mi gráfica, ya que son todos nulos.

Código relevante del enlace 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)