Vertical Labels on BarChart (transform / textAnchor)

[Sineliad]

Hi there - thanks for the great library!

I was trying to get Vertical Labels for the barchart passing down transform and textAnchor properties with no luck, it gets the default behavior.

Tried several methods but no luck either . Any pointers how it has to be done?

Thanks ;)

[nickells]

Hi,

I was able to achieve the following with pure CSS

.rd3-barchart-xaxis text{
  transform: rotate(65deg) translateX(60px)
}

.rd3-chart {
  height: 350px;
}

[Sineliad]

Hi, thanks :) :)

It's work, I only have to change the classes name. I am using 'react-d3-basic').BarChart

.react-d3-core__axis__xAxis text{ transform: rotate(65deg) translateX(60px); } .react-d3-core__container_svg{ height: 1000px; }