Chart.js条形图：如何在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

Answer 2

不适用于水平堆积条