Chart Labels are cut off at some chart sizes

[ChrisGrohHS]

Expected Behavior

Entirety of axis labels should be visible.

Current Behavior

The chart y-axis labels are cut off.

Possible Solution

It seems like the issue is from multiple attempts to fit the y-axis. The first time, it uses the ticks values of ["5","4","3","2","1","0"]. It then sets the minWidth of the scale to the width calculated from these single-digit values. The UI then does a second fit using the values ["5.0","4.5","4.0","3.5","3.0","2.5","2.0","1.5","1.0","0.5","0"]. With this fit, in core.scale.js on the line "minSize.width = Math.min(me.maxWidth, minSize.width + largestTextWidth);", the maxWidth is the width from when the labels were a single digit.

Steps to Reproduce (for bugs)

https://codepen.io/anon/pen/VzpLqd

Context

I think as a workaround, I can manually specify the ticks for now.

Environment

• Chart.js version: 2.6.0
• Browser name and version: Chrome 59

[etimberg]

Thanks for reporting this. I believe this is a duplicate of another recently reported issue (though I can't find the exact issue at this time)

[kyletinsley]

I'm having the same issue as well. Tried v2.6 and v2.7. Any update on this?

[ypresto]

@etimberg #4340 looks different issue. IMO this one is not duplicate, isn't it?

[etimberg]

Fixed in #4942