ApexCharts中Brush图表主图Y轴最大值自定义失效问题

针对你遇到的主图表左侧Y轴最大值未按预期设为1的问题，结合Brush图表的特性，大概率是配置绑定、联动逻辑或轴范围自动调整导致的，以下是具体解决思路：

1. 确认Y轴与系列的绑定及基础配置 #

首先要确保价格曲线对应的系列正确绑定到左侧Y轴，同时在该Y轴配置中明确设置max:1，且关闭会自动缩放轴范围的scale属性（该属性会优先根据数据范围调整轴，覆盖手动设置的最大值）。示例配置如下：

option = {
  yAxis: [
    {
      type: 'value',
      max: 1, // 强制设置最大值为1
      scale: false, // 关闭自动缩放，避免覆盖手动配置
      name: '价格'
    },
    {
      type: 'value',
      name: '高差值数据集'
    }
  ],
  series: [
    {
      name: '价格曲线',
      type: 'line',
      yAxisIndex: 0, // 绑定到左侧Y轴
      data: [/* 你的价格数据 */]
    },
    {
      name: '其他数据',
      type: 'line',
      yAxisIndex: 1,
      data: [/* 高差值数据 */]
    }
  ],
  // Brush子图表配置
  brush: {
    xAxisIndex: 0,
    brushLink: 'all',
    outOfBrush: { colorAlpha: 0.1 }
  },
  grid: [
    { bottom: '30%' },
    { top: '80%', height: '15%' }
  ]
}

2. 检查Brush联动逻辑的干扰 #

如果Brush的brushselected事件回调中存在修改主图表轴范围的代码，会覆盖手动设置的Y轴最大值。需要确保回调仅处理X轴联动，不修改左侧Y轴的max配置：

myChart.on('brushselected', function(params) {
  const option = myChart.getOption();
  // 仅调整X轴数据或范围，不触碰左侧Y轴的max配置
  option.xAxis[0].data = /* 联动后的X轴数据 */;
  myChart.setOption(option);
});

3. 排查数据格式与范围问题 #

如果价格数据中存在大于1的数值，ECharts会自动扩大轴范围以容纳数据。先确认数据是否符合预期，若数据本身不超过1，检查是否存在字符串转数字失败等格式错误，导致数值异常。

4. 强制锁定轴范围 #

若以上方法无效，可在左侧Y轴配置中添加boundaryGap: false并设置合理的min值（比如0），进一步锁定轴范围：

yAxis: [
  {
    type: 'value',
    min: 0,
    max: 1,
    boundaryGap: false,
    scale: false
  }
]

内容的提问来源于stack exchange，提问作者Frederik Vrålstad