CharJS 2.5.0-如何刪除條之間的空間

Question

我創建了這個小提琴。 它包含一個ChartJS條形圖：

https://jsfiddle.net/07pzys9t/

        var options = {
        legend: { display: false },
        animation: {
            animateScale: true
        },
        scales: {
            xAxes: [{
                barPercentage: 1,
                categoryPercentage: 1,
                barThickness : 45
            }],
            yAxes: [{
                barPercentage: 1,
                categoryPercentage: 1,
                ticks: {
                    beginAtZero: true
                }
            }]
        },
        tooltips: {

        }
    };
   var dataForChart = {
        datasets: [{
            data: [0.2, 0.4, .78, 0.05],
            backgroundColor:["#FF6384","#4BC0C0","#FFCE56","#36A2EB"],
            borderWidth: 0
        }],
        labels: ['1', '2', '3', '4']
    };
    var chart = new Chart($("#statsRenderingResultsDeliveryClaimsChart"), {
        type: 'bar',
        data: dataForChart,
        options: options
    });

如何刪除條形之間的空間？ 我讀了這個答案：

Chart.js條形圖：如何在v2.3中刪除條形之間的空間？

但這似乎不起作用，因為如果您查看我創建的小提琴中的代碼， barPercentage在兩個軸上都添加barPercentage和categoryPercentage屬性。

關於如何實現所需行為的任​​何想法嗎？

感謝您的關注。

Answer 1

如果您將圖表與響應方面一起使用，則不必強行將寬度值設置為條形。

您只需要使用這兩個屬性設置xAxes

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

代替 ：

xAxes: [{
    barPercentage: 1,
    categoryPercentage: 1,
    barThickness : 45
}]

您需要使用barPercentage和categoryPercentage屬性將百分比值與響應方面一起使用。