Ich muss meinem kumulativen Nvd3-Diagramm mehrere Y-Achsen hinzufügen, weiß jemand, welchen Teil des Bibliothekscodes ich ändern muss?
Noch besser wäre es, wenn Sie das selbst gemacht hätten und ein JFiddle bereitstellen könnten.
Irgendwelche Vorschläge würden geschätzt.
Es gibt nur bestimmte Diagrammtypen, die über mehrere Y-Achsen verfügen.
Dies ist für das kumulative Liniendiagramm nicht verfügbar.
Es ist jedoch für die Multi-Chart verfügbar. Es gibt ein Beispiel auf der Angluar NVD3-Homepage hier , aber es zeigt das Beispiel mit Balken und Linien.
Ich habe das Plunker-Beispiel von der Startseite abgezweigt und die Reihentypen in alle Zeilen geändert, um Ihnen zu zeigen, wie Sie mit dem Multi das gleiche Ergebnis wie mit dem kumulativen Liniendiagramm erzielen können.
(Ich habe auch den Datensatz geändert, um das Beispiel zu vereinfachen)
Als Erstes fügen Sie die Optionen für die Mehrfachachse hinzu:
%Vor%Definieren Sie Ihre Daten:
%Vor% Beachten Sie, dass die Schlüssel type und yAxis hier für jede Serie gesetzt sind.
Setze deine <div> als normal:
Und das ist es!
Sie erhalten das gleiche Diagramm wie bei einem kumulativen Liniendiagramm, aber die Möglichkeit, mehrere Achsen festzulegen.
Wenn Sie angeben, mehrere Y-Achsen zu einem einzelnen Diagramm hinzuzufügen, das bereits in NVD3-Linien- und Balkendiagramm verfügbar ist . Teilcode-Snippet unten gezeigt.
%Vor%Tags und Links javascript d3.js nvd3.js angularjs-nvd3-directives angular-nvd3