从 chartjs 条形图画布中删除填充

Question

我想用 Chart.js 创建一个堆叠条形图，显示某人与一定金额的距离。 为了定义这个数量，我在图表顶部画了一条虚线。

然而，问题是这个图表的画布有一些不需要的填充。 所以这条线溢出图表之外。 如何删除左侧和右侧的填充？

我尝试按照另一篇文章中的建议使用负填充，但这并没有删除填充。

const options = {
    layout: {
      padding: -40,
    },
  };

代码沙箱：https ://codesandbox.io/s/romantic-paper-kfu6o7?file=/src/App.js

Answer 1

尝试在如下options barPercentage和categoryPercentage值设置为1 。 这是更新的代码沙箱https://codesandbox.io/s/winter-wind-xdcuxu?file=/src/App.js

const options = {
    barPercentage: 1,
    categoryPercentage: 1
   
    // Your existing properties