chart.js - ChartJS : Remove padding to the right of chart caused by tick labels

Question

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

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

查看截图:

Answer 1

您应该能够通过使用 different callback hooks 来解决类似的问题。在更新过程中可用。

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

Callback that runs after the scale fits to the canvas

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