Ich habe ein einfaches Balkendiagramm in d3, mit vertikalen Balken: Ссылка
Allerdings werden die Balken mit der Grundlinie oben im Diagramm gezeichnet.
Ich habe gelesen, dass, um dies zu invertieren, ich von unten nach oben gehe, sollte ich range()
auf der Y-Achse ändern. Also, ändere das:
dazu:
%Vor%Das sieht jedoch so aus, als würde es die Inverse des Diagramms zeichnen - indem Sie den Raum über jeder der Balken zeichnen und die Balken selbst (von unten gezeichnet) transparent lassen. Was mache ich falsch?
Die x- und y-Koordinaten für svg
beginnen oben links. Du möchtest, dass das y unten beginnt. Der folgende Code geht davon aus, dass Sie an eine Funktion anhängen:
Um das Balkendiagramm nach Ihren Wünschen zu gestalten, setzen Sie das Attribut y so, dass es bei der Entfernung data[i]
über der Achse beginnt:
Dann müssen Sie den Abstand data[i]
zur Achse verlängern.
Und das ist es!
Tags und Links javascript d3.js