获取chartJS中y轴标签的位置

Question

我有一个 ChartJS 区域，有时数据太多以至于 y 轴标签是倾斜的。我有两个问题。

1. 我们怎样才能让它 100% 垂直，这样我就可以增加网格线并且它们不会重叠？
2. 如何获取标签的底点？

对于标签点，我可以像这样得到 y 轴底点：

 const yBottom = chart.scales['y-axis-0'].bottom;

我有以下屏幕截图：

我想得到那个标签的底部。

Answer 1

您可以通过定义选项 scales.x.ticks.minRotation: 90 使 x 轴刻度标签 100% 垂直。

options: {
  scales: {
    x: {
      ticks: {
        minRotation: 90
      }
    }
  }
}

有关详细信息，请参阅 Chart.js 文档中的 Tick Configuration。