ChartJS - x 轴标签方向

Question

是否可以更改 x 轴标签方向，如屏幕截图中的标记区域？我正在尝试使用 afterCalculateTickRotation 旋转标签，但它们没有翻转。镜像选项也不起作用。

Example code

Answer 1

我设法完成了您的要求，但它并不漂亮，因为 chart.js 缺乏正确完成它的支持。所以我用一些硬编码填充解决了它。 https://codesandbox.io/s/vue-template-4ygr1

这是您应该使用的 minRotation 和 maxRotation。当旋转低于零时，标签锚点应该移动，但事实并非如此。相反，它们会旋转到图表中，但这可以通过填充来避免。

填充的副作用是图例位置损坏，所以我将其放在顶部。

另一个不需要的行为是文本右对齐。有一个未解决的问题：https://github.com/chartjs/Chart.js/issues/4193