NVD3 Mehrfachachsen-Balkendiagramm überlappende Balken beim Zeichnen
Zeichnen eines Mehrfachachsen-Balkendiagramms mit nvd3. Mein Problem ist, dass die Balken sich überlappen. Im Diagramm auf der y-Achse ist auf der linken Seite und die andere y-Achse auf der rechten Seite.
%Vor%Ein Plunkr-Setup eingebettet für dieses finden Sie hier .
Zwei Datengruppen zum Zeichnen der Multi-Grafik. Die Balken überlappen sich jedoch. Mein Screenshot ist hier.
Das einzige, was zu tun ist, ist die Breite und Position der Balken einzustellen. Diese sind durch die Klasse
auswählbar %Vor%Wenn ich die Achse auf
umstelle %Vor% Es funktioniert perfekt.
Aber das Problem ist die Reichweite der Daten verloren. Ich brauche einen anderen Bereich für zwei Datensätze.
Ich habe versucht, die Breite der Balken nach dem Zeichnen des Diagramms anzupassen
wie
%Vor%Aber kein Erfolg ... Jede Hilfe wird geschätzt.
1 Antwort
Definitiv ist nvd3 fehlerhaft auf multiChart , wenn Sie den Typ "bar" für die beiden Visualisierungsdatensätze auswählen, die angezeigt werden sollen.
Was ich sage ist, dass statt dies
%Vor%wäre es gewesen
%Vor%Es funktioniert gut.
Damit zwei Balkendiagramme entstapelt werden. Müssen Sie einige Out-of-Box-Tweaking tun, rufen Sie diese Funktion nach Diagramm wird gerendert.
%Vor%Rufen Sie diese Funktion jetzt auf, nachdem das Diagramm gerendert wurde.
%Vor%Arbeitscode hier
Tags und Links javascript d3.js nvd3.js bar-chart