Plotly坐标轴设置问询：首次自动缩放后锁定轴范围

嘿，这个需求我之前也碰到过，其实实现起来很简单，核心思路就是先让Plotly基于全部数据算出合适的轴范围，然后把这个范围“锁定”住，不让后续的图例操作触发重新缩放。

具体实现步骤 #

1. 首先创建包含所有数据的图表，让Plotly默认的autorange=True生效，自动计算出基于全部数据的轴范围；
2. 提取此时的x轴和y轴范围值；
3. 更新图表布局，将autorange设为False，同时把刚才提取的范围赋值给坐标轴的range参数，完成锁定。

代码示例（Plotly Graph Objects） #

import plotly.graph_objects as go
import numpy as np

# 生成示例数据
x = np.linspace(0, 10, 100)
y1 = np.sin(x)
y2 = np.cos(x)
y3 = np.tan(x)

# 1. 创建包含所有数据的初始图表，让Plotly自动计算轴范围
fig = go.Figure()
fig.add_trace(go.Scatter(x=x, y=y1, name='sin(x)'))
fig.add_trace(go.Scatter(x=x, y=y2, name='cos(x)'))
fig.add_trace(go.Scatter(x=x, y=y3, name='tan(x)'))

# 2. 提取当前基于全部数据计算出的轴范围
x_range = fig.layout.xaxis.range
y_range = fig.layout.yaxis.range

# 3. 锁定轴范围，关闭自动缩放
fig.update_layout(
    xaxis=dict(
        autorange=False,
        range=x_range
    ),
    yaxis=dict(
        autorange=False,
        range=y_range
    )
)

fig.show()

代码示例（Plotly Express） #

如果你用Plotly Express更顺手，方法是一样的：

import plotly.express as px
import pandas as pd
import numpy as np

x = np.linspace(0, 10, 100)
df = pd.DataFrame({
    'x': x,
    'sin': np.sin(x),
    'cos': np.cos(x),
    'tan': np.tan(x)
})

# 1. 创建包含所有数据的图表
fig = px.line(df, x='x', y=['sin', 'cos', 'tan'])

# 2. 提取初始轴范围
x_range = fig.layout.xaxis.range
y_range = fig.layout.yaxis.range

# 3. 锁定范围
fig.update_layout(
    xaxis=dict(autorange=False, range=x_range),
    yaxis=dict(autorange=False, range=y_range)
)

fig.show()

原理说明 #

默认情况下autorange=True时，每次通过图例操作显示/隐藏数据trace，Plotly都会重新计算轴范围来适配当前显示的数据。我们的操作相当于“先让系统算出最优的初始范围，然后告诉它以后就用这个范围，别再改了”，完美满足你要的“首次自动缩放，后续锁定”的需求。

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