有没有办法从Chart.js的条形图中删除额外的空格和水平线？

Question

我正在使用Chart.js的条形图，它在左侧和右侧创建了不需要的间距。我试图通过将画布宽度和高度设置为100％（如此处提到的chartjs-is-there-any-way-to-remove-blank-space-around-pie-charts）来删除它。但在我的案例中并没有删除。

我还需要删除图表下方的水平线。有没有办法这样做？

这是我试过的：

spring.jpa.hibernate.enable_lazy_load_no_trans=true

    //Bar Chart
    var bar = document.getElementById("bar-canvas");
    var barChart = new Chart(bar, {
      type: 'bar',
      data: {
        labels: ["Jackets", "Pants", "Headwear", "Shirts", "Footwear"],
        datasets: [{
          label: 'Dataset 1',
          data: [12, 19, 3, 5, 2, 3],
          backgroundColor: [
            '#A7E3FF',
            '#A7E3FF',
            '#A7E3FF',
            '#A7E3FF',
            '#A7E3FF'
          ],
          borderColor: [
            '#A7E3FF',
            '#A7E3FF',
            '#A7E3FF',
            '#A7E3FF',
            '#A7E3FF'
          ],
          borderWidth: 1
        },
        {
          label: 'Dataset 2',
          data: [20, 19, 10, 52, 2, 13],
          backgroundColor: [
            '#FD99EE',
            '#FD99EE',
            '#FD99EE',
            '#FD99EE',
            '#FD99EE'
          ],
          borderColor: [
            '#FD99EE',
            '#FD99EE',
            '#FD99EE',
            '#FD99EE',
            '#FD99EE'
          ],
          borderWidth: 1
        }]
      },
      responsive: true,
      options: { 
        legend: {
          display: false
        },
        tooltips: {
          callbacks: {
            label: function(tooltipItem) {
              return tooltipItem.yLabel;
            }
          }
        },
        scales: {
          xAxes: [{
            stacked: true,
            gridLines: {
              color: "rgba(0, 0, 0, 0)"
            },
            ticks: {
              fontColor: '#0071bc'
            },
            barThickness: 110
          }],
          yAxes: [{
              stacked: true,
              gridLines: {
                color: "rgba(0, 0, 0, 0)"
              },
              scaleLabel: {
                display: false
              },
              ticks: {
                display: false
              }
            }
          ]
        }
      }
    });

Answer 1

管理删除底线，但不知何故无法移除填充， - 注释了一个区域，删除了一点，但然后你失去了蜱（这显然是坏的）

只是添加一个小提琴，希望它至少在某种程度上有所帮助！

https://jsfiddle.net/aokzss3c/1/

..xAxes..
ticks: {
    display: true, // removing this
    fontColor: '#0071bc',
},