ChartJS：删除由刻度标签引起的图表右侧的填充

Question

我正在使用最新版本的 Chart.js 并试图使折线图适合运行到包含 div 的边缘，但是当我启用 yAxes 刻度时，它会在右侧添加一个小填充，或者换句话说推左边的图表。

我怎样才能有刻度标签并将图表延伸到 的边缘<canvas />？

看截图：

Answer 1

您应该能够通过使用更新过程中可用的不同回调挂钩来解决类似问题。

通过我自己的测试，我能够通过0在afterFit方法中设置轴上的正确填充来修复该差距，该方法基于文档是：

在比例适合画布后运行的回调

const options = {
  scales: {
    xAxes: [{
      afterFit: (axis) => {
        axis.paddingRight = 0;
      }
    }]
  }
}