Ich zeichne ein Liniendiagramm aus kleinen Kreiskugeln. Die Daten weisen jedoch Lücken auf, die in meinem Array durch Nullen dargestellt werden. Natürlich sollten dort, wo keine Daten vorhanden sind, keine Kreise vorhanden sein. Aber die append () -Methode von d3 fügt sie trotzdem hinzu. Wie vermeide ich das?

Hier ist einjsFiddle-Modell reproduziere mein problem genau.

Ich bin daran interessiert, diese Reihe von Kreisen, die auf der X-Achse meines Diagramms liegen, NICHT zu haben, da dies alles Nullen sind.

Relevanter Code aus dem jsfiddle-Link:

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)