获取 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
      }
    }
  }
}

For further information, please consult Tick Configuration from the Chart.js documentation.