如何在Chart.js中设置Y轴刻度为固定5间隔的整数值

要实现Y轴刻度固定按5的间隔递增，只需在yAxis的配置中新增ticks配置项，指定stepSize参数值为5即可，你也可以根据需求额外设置min参数固定Y轴最小值，避免不同数据区间的图表起始刻度不一致。

修改后的完整代码如下：

const ctx = document.getElementById('myChart').getContext('2d');
const myChart = new Chart(ctx, {
    type: 'bar',
    data: {
        labels: data.map(x => moment(x.date).format("MMM Do")),
        datasets: [{
            data: data.map(x => x.premium),
            backgroundColor: '#ffec87',
            borderColor: "#ffec87",
            borderWidth: 2,
            borderStyle: 'dotted'
        }]
    },
  options: {
    scales: {
      xAxis: { grid: { display: false } },
      yAxis: { 
        grid: { borderDash: [3, 5] },
        ticks: {
          // 强制刻度间隔为5
          stepSize: 5,
          // 可选配置：固定Y轴最小值为0
          min: 0
        }
      }
    }
  }
});

内容的提问来源于stack exchange，提问作者the wind