Ü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:
Ich bin auf der Suche um zu bewegen, um d3js
so 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;
});
Ich schaute auf die SVG - path
element im Mozilla Developer Network, und ich fand heraus, dass es eine MoveTo-Befehl M x y
nur 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
Du musst angemeldet sein, um einen Kommentar abzugeben.
Den
defined
Funktiond3.svg.line()
ist der Weg, dies zu tunLassen Sie uns sagen möchten wir auch eine Pause im Diagramm, wenn y null ist:
InformationsquelleAutor der Antwort Alex Brown
Verwenden Linie.definiert oder Bereich.definiertund sehen Sie die Bereich mit Fehlenden Daten Beispiel.
InformationsquelleAutor der Antwort mbostock