Wrap or center align bar chart x axis tick labels

1

Just started using quickcharts so hopefully I’m using the correct taxonomy here - but I’m struggling with x-axis tick labels. The bar chart is fairly simple, a few categories with percentage scores, but some of the categories are a bit long, or are two words - I can substitute spaces with \n to get a newline in the label, which works ok, but it’s not centered.

Is there some way to affect the alignment or wrapping of the x-axis tick labels?

2

Hi @Sleigher,

Unfortunately I’m not aware of an easy way to do this with Chart.js. It seems to be a limitation of the library. In the past I’ve seen people just add spaces to make their labels appear centered.

I’ve recorded your request, and when Chart.js adds support for this behavior we’ll make sure to include support for it as well.

Ian

1 Like