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