能否在Python的Dash Plotly中添加触发自定义Y轴缩放的Modbar按钮？

完全可行，以下是具体实现方案：

核心思路 #

通过Plotly的config配置自定义Modbar按钮，点击按钮时触发带自定义标识的relayout事件，再通过Dash回调捕获该事件，调用你的Y轴自动缩放函数更新图表，全程不触发默认resize按钮的autosize=true行为。

完整实现代码 #

import dash
from dash import dcc, html, Input, Output, State
import plotly.graph_objects as go
import numpy as np

# 你的Y轴自动缩放函数（可替换为自己的逻辑）
def auto_scale_y(figure, relayout_data=None):
    # 提取所有轨迹的Y数据，计算合理显示范围
    y_values = []
    for trace in figure["data"]:
        y_values.extend(trace["y"])
    y_min = np.min(y_values) * 0.9  # 预留10%上下边距
    y_max = np.max(y_values) * 1.1
    
    # 更新Y轴范围，保持autosize不变
    figure["layout"]["yaxis"]["range"] = [y_min, y_max]
    figure["layout"]["autosize"] = False
    return figure

app = dash.Dash(__name__)

# 生成示例图表
x = np.linspace(0, 10, 100)
y = np.sin(x) + np.random.randn(100)*0.1
initial_fig = go.Figure(data=go.Scatter(x=x, y=y))
initial_fig.update_layout(yaxis_range=[-2, 2])  # 设置初始Y轴范围

app.layout = html.Div([
    dcc.Graph(
        id="target-graph",
        figure=initial_fig,
        config={
            "modeBarButtonsToAdd": [
                {
                    "name": "重置Y轴",
                    # 使用内置重置图标SVG路径
                    "icon": {
                        "width": 20,
                        "height": 20,
                        "path": "M10 0L12 2H8L10 0ZM10 20L8 18H12L10 20ZM2 10L0 8V12L2 10ZM18 10L20 8V12L18 10ZM10 2L18 10L10 18L2 10L10 2ZM10 18L18 10L10 2L2 10L10 18Z"
                    },
                    # 点击时触发带自定义标识的relayout事件
                    "click": "function(gd) { Plotly.relayout(gd, {'custom_reset_y': true}); }"
                }
            ],
            # 可选：移除不需要的默认按钮
            "modeBarButtonsToRemove": ["zoom2d", "pan2d"]
        }
    )
])

# 回调处理自定义重置Y轴请求
@app.callback(
    Output("target-graph", "figure"),
    Input("target-graph", "relayoutData"),
    State("target-graph", "figure"),
    prevent_initial_call=True
)
def update_y_axis(relayout_data, current_fig):
    # 判断是否为自定义按钮触发的事件
    if "custom_reset_y" in relayout_data:
        return auto_scale_y(current_fig, relayout_data)
    # 其他relayout事件直接返回原图表
    return current_fig

if __name__ == "__main__":
    app.run_server(debug=True)

关键细节说明 #

1. 自定义按钮配置：在modeBarButtonsToAdd中定义按钮的名称、图标和点击逻辑，通过前端JS触发带custom_reset_y标识的relayout事件，方便Python回调精准识别。
2. Y轴缩放逻辑：你可以完全替换auto_scale_y函数的实现，比如根据特定数据点、统计指标调整Y轴，只要保持返回更新后的figure即可。
3. 回调控制：仅在捕获到自定义标识的relayout事件时执行缩放逻辑，确保其他图表操作（如X轴缩放、拖拽）不受影响，同时强制autosize=False避免默认resize的行为。

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