如何固定Plotly中RangeSlider的Y轴范围？

你代码里的核心问题是：RangeSlider的Y轴配置指向错误——你在xaxis2.rangeslider下写的yaxis对应的是默认的主Y轴（即第一个子图的yaxis），但Hitran数据用的是yaxis2，所以你设置的固定范围根本没作用到RangeSlider里的目标Y轴上。

修正步骤 #

1. 修正RangeSlider的Y轴配置目标
   在layout的xaxis2.rangeslider中，把yaxis改成yaxis2，明确指定要控制的是第二个子图的Y轴：

   xaxis2: {
       title: 'Wellenlänge (Hitran)',
       rangeslider: {
           visible: true,
           yaxis2: {
               range: [y_h_min, y_h_max],
               rangemode: 'fixed'
           }
       }
   },
   

2. 保留主图Y轴的动态更新逻辑
   你现有的updateYRange函数和plotly_relayout事件监听是正确的，它只会更新主图的yaxis2.range，不会影响RangeSlider里的固定配置，无需修改。

完整修改后的layout片段 #

const layout = {
    grid: {
        rows: 2,
        columns: 1,
        subplots: [['xy'], ['x2y2']],
        roworder: 'top to bottom'
    },
    height: 900,
    plot_bgcolor: 'rgba(0,0,0,0)',
    paper_bgcolor: 'rgba(0,0,0,0.5)',
    font: { color: 'white', size: 14 },

    xaxis: { visible: false },
    yaxis: { title: 'Laser' },

    xaxis2: {
        title: 'Wellenlänge (Hitran)',
        rangeslider: {
            visible: true,
            yaxis2: {
                range: [y_h_min, y_h_max],
                rangemode: 'fixed'
            }
        }
    },
    
    yaxis2: {
        title: 'Hitran',
        // 主图Y轴不需要设fixed，保持默认让updateYRange动态修改
    }
};

原理说明 #

Plotly的RangeSlider支持针对不同子图的Y轴单独配置，通过yaxis<N>的命名规则（对应你数据中指定的yaxis: 'y2'），就能精准绑定到目标子图的Y轴，设置rangemode: 'fixed'后，RangeSlider的Y轴就会锁定你指定的范围，不会随X轴缩放自动调整。

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