Show radial scale labels correctly when rotated

[etimberg]

When the radial scale was rotated using startAngle, the labels no longer lined up with the lines.

Fixes #3612

After Fix

[etimberg]

@simonbrunel not sure the best test strategy for this since it's quite visual. If we think it's worthwhile, I can create a PNG image test for it.

[simonbrunel]

We can try, but I think image tests will not work correctly because of the text.

[etimberg]

hmmm, ok :(

[simonbrunel]

I'm not sure how to unit test this

[etimberg]

Ok. merging since i don't think there is an easy way to unit test this

[shijiezhou1]

Finally, I find the solution of rotation the radar chart to a certain degree.

To be clear, I will show how people should use it.

const options = {
        startAngle: 45, // this is where the angle you should put
}

[RBSUS]

This is still an issue in version 2.9.4. yet seems to work on 2.6.0. Bug seems to be re-introduced in 2.7.0.

A hacky solution I am currently using to draw vertical ticks when using startAngle.
Add the following to options:

animation: {
  onProgress: (animation) => {
    let chart = animation.chart;
    var ctx = animation.chart.ctx;
    ctx.font = Chart.helpers.fontString(
      Chart.defaults.global.defaultFontSize,
      Chart.defaults.global.defaultFontStyle,
      Chart.defaults.global.defaultFontFamily
    );
    ctx.textAlign = 'center';
    ctx.textBaseline = 'bottom';
    ctx.fillStyle = '#222222';
    ctx.fillText('9', 188, 65);
    ctx.fillText('1', 188, 145);
    ctx.fillText('3', 188, 125);
    ctx.fillText('5', 188, 105);
    ctx.fillText('7', 188, 85);
  },
},

[TraderMeras]

Did you ever get this fixed? Doesnt work for my project
https://codepen.io/meras111/pen/oNyvdZN?editors=1000