javascript - Chart.js 条形图 : How to remove space between the bars in v2. 3？

Question

我正在尝试删除条形图条之间的空间，但即使我在很多地方看到这个解决方案，它也不适合我。 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
});

Answer 1

您需要在 x 轴刻度上将 barPercentage 和 categoryPercentage 设置为 1.0。将此添加到您的 options 对象:

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

参见 http://www.chartjs.org/docs/#bar-chart-chart-options