Charts.js中最大条形图和顶部网格线之间的间距增加

Question

我正在尝试在最高的条形图的顶部和顶部的网格线之间添加更多的空间。明智的数据一切都很好-该数字小于顶部网格线。

Answer 1

在图表options内，您可以如下定义scales.yAxis.ticks.max的值：

scales.yAxis.ticks.max

var myBarChart = new Chart(document.getElementById("myChart"), {
  type: 'bar',
  data: {
    labels: ["A", "B", "C", "D", "E", "G", "H"],
    datasets: [{
      backgroundColor: "lightblue",
      data: [3200, 3250, 3300, 3350, 3400, 3450, 3500],
    }]
  },
  options: {
    legend: {
      display: false
    },
    tooltips: {
      enabled: false
    },
    scales: {
      yAxes: [{
        ticks: {
          min: 3000,
          max: 3600,
          stepSize: 200
        }
      }]
    }
  }
});