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

您需要设置barPercentage和categoryPercentage到1.0在x轴刻度。添加到您的options对象：

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

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