Dash-Plotly 3D散点图：uirevision属性无法精准维持视角一致性

你遇到的这个情况属于Plotly的预期行为：uirevision='constant'在3D散点图上的视角保留精度确实有限。这是因为3D图表的视角状态包含相机位置、俯仰角、偏航角等多个精细参数，uirevision的自动状态同步机制无法完全精准地保留这些参数，只能做到“不完全重置”的程度。

要实现精准保持3D视角，可以通过手动捕获并恢复相机参数的方式解决，具体步骤如下：

1. 添加dcc.Store组件存储当前相机的视角参数
2. 在回调中捕获图表的视角变化，同步到存储组件
3. 生成新图表时，从存储组件中恢复之前的相机参数

修改后的完整代码：

import plotly.express as px
df = px.data.iris()

import dash
from dash import dcc, html, Input, Output, State

app = dash.Dash()
app.layout = html.Div([
    # 存储相机参数的组件
    dcc.Store(id='camera-store', data={}),
    dcc.Dropdown(['option1', 'option2', 'option3'], 'axis', id='x-dropdown', clearable=False),
    dcc.Graph(id='main-plot')
])

@app.callback(
    [Output('main-plot', 'figure'), Output('camera-store', 'data')],
    [Input('x-dropdown', 'value'), Input('main-plot', 'relayoutData')],
    [State('camera-store', 'data')]
)
def update_figure(x_selector, relayout_data, stored_camera):
    # 生成基础3D散点图
    fig = px.scatter_3d(df, x='sepal_length', y='sepal_width', z='petal_width', color='species')
    
    # 如果有存储的相机参数，恢复视角
    if stored_camera:
        fig.update_layout(scene_camera=stored_camera)
    
    # 如果视角发生变化，更新存储的相机参数
    updated_camera = stored_camera
    if relayout_data and 'scene.camera' in relayout_data:
        updated_camera = relayout_data['scene.camera']
    
    return fig, updated_camera

app.run_server(debug=True, use_reloader=False)

代码说明 #

• dcc.Store：用来持久化存储相机的JSON格式参数，不会在页面上显示
• relayoutData：捕获用户对图表视角的调整操作（旋转、缩放等），从中提取scene.camera参数
• 回调中优先使用存储的相机参数设置新图表的视角，确保每次回调后视角完全一致

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