如何在Chart.js中外部设置scales.y.min轴值

初始化图表时直接配置 #

在创建Chart实例的配置对象里，直接给scales.y.min赋值你预先确定的负数即可，完全匹配你设想的结构。示例代码：

// 提前定义好需要设置的Y轴最小值，比如-500
const presetYMin = -500;

const chart = new Chart(document.getElementById('yourChartId'), {
  type: 'line',
  data: {
    labels: [],
    datasets: [{
      label: '波形数据',
      data: [] // 这里可以提前传入数据，或后续补充
    }]
  },
  options: {
    scales: {
      y: {
        min: presetYMin, // 直接填入预设的最小值
        max: 0,
        stepSize: 10,
        title: {
          display: true,
          text: 'Y轴标题'
        }
        // 其他Y轴相关配置
      }
    }
    // 其他图表全局配置
  }
});

动态修改已创建图表的Y轴范围（可选） #

如果图表已经创建完成，后续需要调整Y轴min值，可直接修改配置后调用更新方法：

// 假设chart是已实例化的图表对象
const newYMin = -100;
chart.options.scales.y.min = newYMin;
chart.update();

注意事项 #

• 只要在数据传入前完成scales.y.min的赋值，图表渲染时就会使用你预设的Y轴范围，不会触发自动动态缩放。
• 确保赋值的是合法数值类型（如-10、-500），避免传入字符串或非数值类型。

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