Change angle of axis label

[ssubham]

Hi,

I am using this application for my project. But, have stuck with some issues.
As, I have used bar chart and have some xaxis label content longer than expected. And the application is making it turned which I want to stop.
I have attached the screen shot.

Second point to get fixed.
How can I hide only these lables?

Hope to hear soon as the client is waiting for its working one.

[stockiNail]

@ssubham maybe an example (codepen) could be helpful to see the options you are using. Anyway I think the issue could be related to last label which is the longest one. Maybe you can split it, passing an array: "More than 60% Match" --> ["More than", "60% Match" ]

[ssubham]

replies
Hi,
Wow, the tricks worked.
Need one more help for it.
Have some more queries.

1. How can I change its color?
2. How can only the label be hide on both axis?

[stockiNail]

Question 1

Have a look to the doc: https://www.chartjs.org/docs/latest/axes/cartesian/category.html#common-tick-options-to-all-axes
You can use the ticks.color option in scale config.

Question 2

Not clear to me if you want to hide all labels or only 1. For all, use ticks.display: false option in scale config. if you want to hide only 1 label, use ticks.callback option, which must be a function, returning an empty string or undefined, when your logic is applied a specific tick.

[ssubham]

Thanks , I got it working.

[kurkle]

To disable the rotation, you can use maxRotation: 0. This would probably also skip (hide) the last label automatically.
Also found in https://www.chartjs.org/docs/latest/axes/cartesian/#common-tick-options-to-all-cartesian-axes