Dynamically updating ticks.mirror not working since 2.6

[dibsyjr1]

In my project i've had a piece of code that's called onResize of the chart to determine whether or not the ticks should be shown on the inside of the chart in order to preserve space on smaller screens. This was working absolutely fine and I hadn't noticed it was broken until just recently, but i've reverted back to Chart.js 2.6 in order to test whether or not it was a fault in Chart.js or in the code i've written and it seems to be 2.7 onwards that the bug occurs.

It seems that now when I try to dynamically set ticks.mirror Chart.js seems to hide my ticks altogether instead of mirroring them. This might be to do with draw area as well because when I don't hide the scale label, but set mirror to true, the labels just get overlapped with the scale label outside of the chart area.

I am only mirroring the y-axis, the x-axis ticks are getting hidden, which is working as expected.

Unmirrored:

Mirrored - Chart.js 2.6.0:

Mirrored - Chart.js 2.7.0/2.7.1 (affects both):

This only seems to be an issue when dynamically updating the property as well, as hardcoding it on chart creation seems to work fine.

[etimberg]

@dibsyjr1 does the mirrored display issue only happen when dynamically updating? or does it happen when mirror: true is set at the start?

[etimberg]

This may have been fixed in #4198

[dibsyjr1]

@etimberg only when dynamically updating them. If you set it in the options prior to creating the chart it works fine.

Excellent, from the looks of it this should solve my problem.

Thanks

[simonbrunel]

I think it's the same issue as #4896, #4883, etc. where the ticks options are duplicated in ticks.minor and ticks.major and never updated after.

[dibsyjr1]

Ahhhh yes, that is the issue, when I update ticks.minor.mirror instead of ticks.mirror it works as expected.

Thanks @simonbrunel

[simonbrunel]

Closing as duplicate of #4896