如何在react-chartjs-2中配置固定范围与步长的y轴刻度

你当前的配置存在几个核心错误，直接导致y轴范围配置不生效：

• Chart.js v3+版本（对应你使用的新版react-chartjs-2）中，scales.y、scales.x为对象类型，而非数组，仅v2版本用数组配置多轴，数组写法会被框架直接忽略。
• 你为y轴错误配置了type: "time"，你的y轴为数值刻度，应该使用默认的linear类型，类型不匹配会导致刻度相关配置全部失效；x轴的type: "Amp"为无效自定义类型，直接删除即可。
• scaleOverride是Chart.js v2的废弃属性，v3+版本无需该配置，添加后不会生效。
• 固定轴范围的min、max是轴配置的根层级属性，不能写在ticks内部，仅步长stepSize需要放在ticks配置项中。

正确配置示例 #

替换你代码中的options为以下内容即可实现y轴固定范围-15到15、步长5的效果：

const options = {
  scales: {
    y: {
      min: -15,
      max: 15,
      ticks: {
        stepSize: 5
      }
    }
  }
};

如果需要配置多轴，再给对应轴添加唯一id属性即可，单轴场景以上写法完全生效。

内容的提问来源于stack exchange，提问作者J.Doe