D3js - Erstellen und Aktualisieren eines mehrzeiligen Diagramms
Ich habe ein kleines Test-Liniendiagramm mit D3 erstellt, aber da ich ziemlich neu in der Bibliothek bin, bin ich nicht sicher, was der beste Weg wäre, mehrere Zeilen zu einem Diagramm hinzuzufügen, im Moment habe ich nur eine Zeile angezeigt in dieser Geige .
Ich möchte 2 Zeilen auf dem Chart anzeigen, aber ich bin mir nicht sicher, wie ich das ohne Kopieren von Code erreichen kann, was sicherlich sehr ineffizient wäre, da ich das Diagramm in regelmäßigen Abständen aktualisieren / animieren möchte auf Benutzerauswahl.
Statt dessen
%Vor%Ich möchte so etwas anzeigen,
%Vor%Wäre das eine Möglichkeit? Wenn ja, wie könnte ich das am besten angehen, damit ich den Graphen bei Bedarf einfach aktualisieren / animieren kann?
Hinweis: Ich versuche nur zu lernen und mich mit den Best Practices von D3 und der Bibliothek als Ganzes vertraut zu machen. Danke.
1 Antwort
Dies ist möglich und sinnvoll. Es gibt ein Tutorial, das dies anspricht D3 Tutorial zur geschachtelten Auswahl beschreibt die Verschachtelung von Daten.
Unten ist Code, den ich von deiner Geige gehackt habe, um dies zu demonstrieren.
%Vor%Ein Mangel besteht darin, dass ich die Domäne für die x- und y-Achse aus dem ersten Array berechnet habe, was ein Hack ist, aber nicht genau zu Ihrer Frage passt.
Tags und Links javascript d3.js linechart