gire o texto do eixo x em d3

Eu sou novo para codificação d3 e svg e estou procurando uma maneira de girar o texto no xAxis de um gráfico. Meu problema é que normalmente os títulos xAxis são mais longos do que as barras no gráfico de barras são largos. Então, eu estou olhando para girar o texto para ser executado verticalmente (em vez de horizontalmente) abaixo do xAxis.

Eu tentei adicionar o atributo de transformação: .attr ("transform", "rotate (180)")

Mas quando faço isso, o texto desaparece completamente. Eu tentei aumentar a altura da tela svg, mas ainda não consegui visualizar o texto.

Qualquer pensamento sobre o que estou fazendo de errado seria ótimo. Preciso também ajustar as posições x e y? E, em caso afirmativo, quanto (difícil de solucionar quando eu posso ver no Firebug).

questionAnswers(3)

yourAnswerToTheQuestion