Javascript js条形图：如何在v2.3中删除条形图之间的空格？

我正在尝试删除条形图条之间的空格，但即使我在很多地方看到这个解决方案，它对我也不起作用。在Chart.js文档中也没有提到它，所以这很奇怪。有人能告诉我怎么指定吗

var options = {
    barValueSpacing : 1,        // doesn't work; find another way
    barDatasetSpacing : 1,      // doesn't work; find another way

    legend: {
        display: false          // Hides annoying dataset label
    },
    tooltips: {
        callbacks: {
            label: function(tooltipItem) {
                return tooltipItem.yLabel;
            }
        }
    }
};

var ctx = document.getElementById("canvasX").getContext("2d");          
var myBarChart = new Chart(ctx, {
    type: 'bar',
    data: data,
    options: options
});

---

您需要在x轴刻度上将

barPercentage

和

categoryPercentage

设置为

1.0

。将此项添加到您的

选项

对象：

var options = {
    ...
    scales: {
        xAxes: [{
            categoryPercentage: 1.0,
            barPercentage: 1.0
        }]
    }
};

---

请参见3.2.0版中的将每个数据集中的

barPercentage

和

categoryPercentage

设置为1.0：

var datasets = [
  {
    ...
    barPercentage: 1.0,
    categoryPercentage: 1.0
  }
]

---

有关更多详细信息，请参见

所需的次要修复：

缩放

应该是一个对象，而不是一个数组。其他一些人指出，这现在是隐藏答案，但这似乎不适用于水平条形图。我目前正在寻找解决方法，如果发现任何问题，我会发布。@TopherFangIO对我来说，这实际上适用于水平条形图（键入：“horizontalBar”）！！！！！实际上，在希尔的回答中，有效的方法是设置这些值，但对于Yax，请确保没有设置Dataset barThickness值，否则它将覆盖barPercentage设置。