Bar chart y-scale labels overlapping

[chopkins123]

I've upgraded from version 2.7.3 to version 2.9.3, and using the bar chart with multiple data sets the y-axis labels are overlapping and not being properly calculated. I've attahced two code pens below of the difference in behaviours between 2.7.3 and 2.9.3

Expected Behavior

The labels on the y-axis to be calculated like they are in version 2.7.3
https://jsfiddle.net/g6ntz7bq/1/

Current Behavior

In version 2.9.3 the labels are overlapping:
https://jsfiddle.net/26zr917t/1/

Steps to Reproduce (for bugs)

See the fiddle https://jsfiddle.net/26zr917t/1/

Context

Environment

• Chart.js version: 2.9.3
• Browser name and version: Chrome Version 79.0.3945.130
• Link to your project: https://jsfiddle.net/26zr917t/1/

[silverma]

It does seem like the behavior might have changed between versions. It would be helpful if you minimize the code to isolate what's causing the issue.

Can you please be more specific about what's not being calculated correctly?

The workaround is to use maxTicksLimit: 3
Here's an example: https://jsfiddle.net/37eyrsh2/

[chopkins123]

The issue is too many labels are being generated, see this jsfiddle where I've lowered the height of the wrapping div but the labels then overlap each other: https://jsfiddle.net/sv2autz6/1/

I can see the maxTicksLimit:3 could work here, however we've got around 40 charts of different sizes and we're displaying financial data which could vary from thousands to billions.

I've changed the code example to have the bare minimum data that causes this issue

[kurkle]

Another workaround is to use autoSkipPadding: https://jsfiddle.net/vy8kf3ps/