Ich verwende derzeit NVD3, um ein paar Liniendiagramme zu erstellen. Ich frage mich, ob es möglich ist, die y-Achse so einzustellen, dass sie immer bei 0 beginnt. Momentan beginnt sie immer beim niedrigsten y-Wert. Ich habe versucht, tickValues zu verwenden, aber ich möchte die anderen Werte nicht ändern. Ich habe auch versucht, einen Datenpunkt mit einem Wert von 0 hinzuzufügen, aber das scheint eine Problemumgehung zu sein, und es beeinflusst die Art, wie das Diagramm aussieht. Irgendwelche Ideen?
Sie müssen keinen "Dummy" -Datenpunkt hinzufügen, Sie müssen lediglich die Eingabe-Domain der Skala anpassen, z. etwas wie
%Vor%Die meisten Diagramme haben forceX- und forceY-Funktionen, die ein Array von Werten annehmen. Du kannst es so benutzen:
%Vor%Damit stellen Sie sicher, dass auf Ihrer xAxis immer mindestens 0 und 10 angezeigt werden, die Domäne jedoch nicht eingeschränkt wird, wenn Sie sie direkt manipulieren. Das heißt, wenn Sie etwas tun wie:
%Vor%und Ihre Daten weisen negative X-Werte auf, die nicht in Ihrem Diagramm angezeigt werden, da sie außerhalb der angegebenen Domäne liegen. Bei Verwendung von forceX wird dies jedoch der Fall sein.
Ich finde diese Testseite sehr nützlich, wenn ich Eigenschaften auf nvd3-Diagrammen herausfinde (anwendbar, selbst wenn du kein angular btw verwendest)
+ -Symbol neben forceY
-5 ein und fügen Sie ihn dann hinzu, um den Effekt sofort zu sehen (das Beispieldiagramm zeigt bereits Null). Tags und Links javascript d3.js nvd3.js