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

Question

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

如何获得刻度标签，同时使图表延伸到<canvas />的边缘？

查看屏幕截图：

Answer 1

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

我自己进行了测试，通过在0方法中将轴上的正确填充设置为afterFit，我得以解决该问题，该方法基于docs： / p>

  

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

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