New Feature: axisLabel.autoRotate

What problem does this feature solve?

If the axis labels do not fit, then autoRotate will automatically calculate axisLabel.rotate to make them fit.

axisLabel.interval='auto' will cause missing/skipped labels, like this:

axisLabel.interval=0 will cause collision, like this:

In my opinion, autoRotate will go from 0 to 45 to 90 degrees, depending on the fit, like this:

What does the proposed API look like?

axisLabel.rotate = () => {
  if(this.doesNotFit && this.autoRotate) {
    this.rotate = calcRotateDegrees();
  }
  ...
}

[TuringLovesDeathMetal]

+1 for this issue. We’ve had loads of users requesting that the labels don’t overlap, but are all shown!

Also love the implementation suggested by @ataft (i.e. If labels overlap at 0 degrees, rotate them to 45 degrees, then once the labels overlap at 45 degrees, we should rotate them to 90 degrees)

I’d also add that if labels overlap at 90 degrees, then remove all labels (or go back to the auto labels where values are skipped)

[axispod]

+1, we want the feature