AutoSkip label Rotation

[CodePlayer7]

After using maxTicksLimit or autoSkip the labels are fewer but chartjs may still think they are too crowed and make some rotation.
Anyway we can set maxRotation: 0 to avoid this,

[Jareechang]

do you have an jsfiddle example ? I am currently, implementing a similar feature and most likely could help with this.

[etimberg]

axisOptions: {
  ticks: {
    maxRotation: 0 // turns off rotation
  }
}

[CodePlayer7]

Do know that,just suggest charjscould do right rotation automatically when using 'autoSkip'

[benmccann]

Reopening this because I just hit it and agree it's a bug. There is a workaround that works in some cases, but the default behavior does seem suboptimal

[benmccann]

Here's an example. There's no reason to be rotating the labels in this chart: https://codepen.io/anon/pen/XOOWzY

[simonbrunel]

As discussed on slack, this is not a bug: auto-rotate applies first between minRotation and maxRotation, then autoSkip removes remaining overlapping ticks. This is useful, for example, for responsive charts (demo). The suggested workaround maxRotation: 0 is currently the way to disable auto-rotate.

I think the current options API is confusing, instead I would have use rotation instead of minRotation and added an autoRotate: true/false option to match autoSkip naming. Then either use maxRotation only when autoRotate: true or, instead, pass a number to autoRotate (default true === 90) representing the target rotation limit to prevent overlap. IMO, both autoSkip and autoRotate should have been false by default.

Anyway, closing as it's not a bug and will be documented in #6079

[benmccann]

Thanks for closing. I meant to have #6079 close this issue. It makes more sense to me now that I understand that rotation is supposed to take priority over skipping. I think the current option names are fine