Search code examples
c3.js

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


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.sstatic.net/PJESQ.png


Solution

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

    C3js Example