Übergeben Sie null-Werte in das SVG-Pfad (mit d3.js) zu unterdrücken, fehlenden Daten

Mithilfe von jQuery Flot, ich kann pass eine null Wert auf der Plot-Mechanismus, so dass es einfach nicht alles zeichnen auf dem Grundstück. Sehen Sie, wie die fehlenden Datensätze unterdrückt werden:

Übergeben Sie null-Werte in das SVG-Pfad (mit d3.js) zu unterdrücken, fehlenden Daten

Ich bin auf der Suche um zu bewegen, um d3jsso kann ich tiefer low-level-Kontrolle über die Grafiken mit SVG. Aber ich habe noch, um herauszufinden, wie zu tun, dass der gleiche Prozess der Unterdrückung, fehlende Datensätze. Das Bild unten ist ein Versuch, dies zu tun, mit einem Wert von 0 statt null (wo die d3 Paket zerlegt). Hier ist etwas code, um Ihnen eine Idee geben, wie ich das erzeugte Diagramm unten:

var line = d3.svg.line()
    .x(function(d) {
       var date = new Date(d[0]);
       return x(date);
    })
    .y(function(d) {
       var height = d[1]; 
       if (no_record_exists) {
           return y(0);
       }
       return y(height) + 0.5;
    });

Übergeben Sie null-Werte in das SVG-Pfad (mit d3.js) zu unterdrücken, fehlenden Daten

Ich schaute auf die SVG - path element im Mozilla Developer Network, und ich fand heraus, dass es eine MoveTo-Befehl M x ynur bewegt sich der "Stift" bis zu einem gewissen Punkt ohne Zeichnung nichts. Wurde dies umgesetzt, in der d3js Paket, so dass ich nicht haben, um erstellen Sie mehrere path Elemente jedes mal stoße ich auf einen fehlenden Eintrag?

InformationsquelleAutor der Frage Kit | 2012-03-06

Schreibe einen Kommentar