c3.js Bar Chart: how to display data labels diagonally

Question

I'm using c3.js Bar Chart in my React Project, I want to display the data labels diagonally, how can I achieve this? https://i.stack.imgur.com/PJESQ.png

question from:https://stackoverflow.com/questions/65661762/c3-js-bar-chart-how-to-display-data-labels-diagonally

Answer 1

You can try axis.x.tick.rotate. I think axis.x.height needs to be also specified.

C3js Example