ChartJS条形图间隙

Question

我使用ChartJS创建简单的静态条形图。正如您在图片中看到的，第一个x值（1月）和y轴之间有一个小差距。是否有办法消除这个间隙，并且在y轴处有第一个x轴值开始/拥抱（点：0,0）？我浏览过ChartJS文档，我试过的所有东西都不起作用。从我的研究看来，你应该可以通过选项对象来实现这一点，但我很茫然。任何和所有的帮助，非常感谢！

谢谢！

Answer 1

设置图表下面的选项。它将工作

var myBarChart = new Chart(ctx, { 
    type: 'bar', 
    data: data, 
    options: { 
     scales : { 
      xAxes : [{ 
       barPercentage : 1, 
       categoryPercentage : 1 
      }] 
     } 
    } 
}); 

[采样代码]

var ctx = document.getElementById("myChart1"); 
var data = { 
    labels: ["January", "February", "March", "April", "May", "June", "July"], 
    datasets: [ 
     { 
      label: "My First dataset", 
      backgroundColor: [ 
       'rgba(255, 99, 132, 0.2)', 
       'rgba(54, 162, 235, 0.2)', 
       'rgba(255, 206, 86, 0.2)', 
       'rgba(75, 192, 192, 0.2)', 
       'rgba(153, 102, 255, 0.2)', 
       'rgba(255, 159, 64, 0.2)' 
      ], 
      borderColor: [ 
       'rgba(255,99,132,1)', 
       'rgba(54, 162, 235, 1)', 
       'rgba(255, 206, 86, 1)', 
       'rgba(75, 192, 192, 1)', 
       'rgba(153, 102, 255, 1)', 
       'rgba(255, 159, 64, 1)' 
      ], 
      borderWidth: 1, 
      data: [65, 59, 80, 81, 56, 55, 40], 
     } 
    ] 
}; 
    var myBarChart = new Chart(ctx, { 
    type: 'bar', 
    data: data, 
    options: { 
     scales : { 
      xAxes : [{ 
       barPercentage : 1, 
       categoryPercentage : 1 
      }] 
     } 
    } 
});