Chart.js中设置X、Y轴精准刻度最大值的方法

要让轴的最大值精准对应数据中的最高值（比如你提到的42），核心是替换配置中的suggestedMax为max，同时修正代码结构的错误：

问题原因 #

你当前使用的suggestedMax只是给Chart.js一个参考值，它仍会自动调整刻度以保持步长规整；另外你的代码结构有误，scales应该放在options对象下，而非data内。

修改后的代码示例 #

var myChart = new Chart(ctx, {
  type: 'scatter',
  data: {
    datasets: [{
      label: 'Tiempo-Hole',
      borderColor: window.chartColors.red,
      fill: false,
      pointRadius: 0,
      data: storage,
      showLine: true,
    }]
  },
  options: {
    scales: {
      yAxes: [{
        display: true,
        ticks: {
          beginAtZero: true,
          min: 0,
          max: yPoints[length] // 用max强制轴最大值为数据最高值
        }
      }],
      xAxes: [{
        display: true,
        ticks: {
          beginAtZero: true,
          min: 0,
          max: xPoints[xLength] // 同样替换为max
        }
      }]
    }
  }
});

额外说明 #

• 如果设置max后，刻度步长仍导致最大值未被显示，可以手动指定stepSize（比如stepSize: 1），或者设置autoSkip: false让所有刻度都显示出来。
• 确保yPoints[length]和xPoints[xLength]确实是数据中的最高值，避免数组索引错误（比如可能需要用yPoints.length - 1获取最后一个元素，需根据你的数据结构确认）。

内容的提问来源于stack exchange，提问作者Daniel Morales