Y-axes Scale issue with decimal stepSize

[evertdausy1]

Expected Behavior

I have a line chart that will have on the Y-axes a min value of 1.0 and a max value of 3.3. I need 10 ticks. So tick size = (3.3 - 1.0) / 10 = 0.23. So I would expect 10 labels on my y axes.

Actual Behavior

I'm only getting like 6 or 7 labels and the tick size is completely off. I was trying to find what the issue is, and I came upon this fix in chart.js. chartjs/Chart.js#6966. I think these are related.

ticks: { min: 1, //minimum tick stepSize: 0.23, maxTicksLimit: 10, max: 3.3, }

I added the max ticks limit just to test, it should not be needed in the scenario I think.

Environment

• vue.js version: 2.6.11
• vue-chart.js version: 1.0.5
• npm version: 6.13.4

[apertureless]

Sorry to close this, but its not related to vue-chartjs as this is only a wrapper for Chart.js so you might want to check out the main documentation or the main repo.

[evertdausy1]

Can I just update chart.js? Because this should be fixed in the latest version.

[apertureless]

Yes, as Chart.js is only a peerDependency, you can simply update chart.js and it should work.