Javascript 如何将ChartJS条向左对齐？

我想在ChartJS上创建一个条形图，但在试图消除Y轴0条和第一条条之间的“间隙”时，我没有成功。有可能吗

这是一个小差距的示例

这就是我想要实现的目标，没有差距

HTML

这是一个正在运行的代码笔

---

谢谢：）

要达到预期效果，请使用x轴的“缩放”选项

barPercentage vs categoryPercentage截面

这两个1.0将叠加在一起，因此根据您的要求进行调整

scales: {
        xAxes: [{
            categoryPercentage: 0.99,
            barPercentage: 1.0
        }]
    }

---

codepen-

请分享您迄今为止所尝试的代码添加@Nagasaia如果您删除条之间的所有空格，那么您将得到解决方案您这是什么意思？

var data = {
        labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
        datasets: [{
            label: '# of Votes',
            data: [12, 19, 3, 5, 2, 3],
            backgroundColor: [
                'rgba(255, 99, 132, 0.2)',
                'rgba(54, 162, 235, 0.2)',
                'rgba(255, 206, 86, 0.2)',
                'rgba(75, 192, 192, 0.2)',
                'rgba(153, 102, 255, 0.2)',
                'rgba(255, 159, 64, 0.2)'
            ],
            borderColor: [
                'rgba(255,99,132,1)',
                'rgba(54, 162, 235, 1)',
                'rgba(255, 206, 86, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(153, 102, 255, 1)',
                'rgba(255, 159, 64, 1)'
            ],
            borderWidth: 1
        }]
    };
var options = {}

var chart = new Chart($('#openedCanvas'), {
  type: 'bar',
  data: data,
  options: options
});

scales: {
        xAxes: [{
            categoryPercentage: 0.99,
            barPercentage: 1.0
        }]
    }