ChartJS-x轴标签方向

2024-05-20 • 问答

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

我设法完成了您所要的操作，但是效果不佳，因为chart.js缺少正确执行操作的支持。所以我用一些硬编码的填充解决了它。 https://codesandbox.io/s/vue-template-4ygr1

这是您应该使用的minRotation和maxRotation。当旋转低于零时，标签的锚定点应移动，但不会。而是将它们旋转到图表中，但是可以通过填充来避免这种情况。

填充的副作用是，图例放置位置破裂，因此我将其放置在顶部。

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