Nullwerte in d3 ignorieren

Question

Ich stecke in einem Projekt fest, das eine Zeile aus JSON-Daten zeichnet, die einige Nullwerte enthalten.

Ich begann hier eine Geige: https://jsfiddle.net/scm60/pafs5x4m/

ich hier eine mögliche Lösung gefunden: In d3.js, skip append() for null data,

circle.filter(function(d) { return d == null; }).remove() 

hinzufügen was darauf hindeutet, aber in meinem Beispiel nicht funktioniert.

Irgendwelche Vorschläge zu diesem Problem?

Answer 1

Sie haben drei Fragen hier:

Zuerst Sie haben keine Auswahl circle genannt. Also, machen wir es schaffen:

var circle = svg.selectAll("circle") 
    .data(data) 
    //etc... 

Zweitens nach dem forEach, Sie haben keine Nullwerte für gewicht mehr, nur Nullen.

Drittens hat es d.gewicht sein, nicht d:

circle.filter(function(d) { 
    return d.gewicht == 0; 
}) 
.remove(); 

Hier ist die aktualisierte Geige: https://jsfiddle.net/y25mLtue/

PS: Wenn Sie möchten, als auch die Linien gehen auf Null (null) entfernen , Sie benötigen line.defined(). Hier ist die Geige: https://jsfiddle.net/97ao8v16/