Ich bin neu in der d3- und svg-Codierung und suche nach einer Möglichkeit, Text auf der xAxis eines Diagramms zu drehen. Mein Problem ist, dass die xAxis-Titel in der Regel länger sind als die Balken im Balkendiagramm breit sind. Daher möchte ich den Text so drehen, dass er vertikal (und nicht horizontal) unter der xAxis verläuft.

Ich habe versucht, das Transformationsattribut hinzuzufügen: .attr ("transform", "rotate (180)")

Aber wenn ich das tue, verschwindet der Text vollständig. Ich habe versucht, die Höhe der SVG-Leinwand zu erhöhen, konnte den Text jedoch immer noch nicht anzeigen.

Irgendwelche Gedanken darüber, was ich falsch mache, wären großartig. Muss ich auch die x- und y-Position anpassen? Und wenn ja, um wie viel (schwer zu beheben, wenn ich es in Firebug sehen kann).