You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在Plotly Dash中移除select-zoom与坐标轴拖拽调尺(axis pan)功能

Dash图表关闭指定交互功能的配置方案

所有交互行为的调整都不需要修改图表绘图逻辑或数据处理流程,直接在dcc.Graph组件的属性中配置即可。

移除工具栏中的select-zoom(框选区域缩放)选项

Dash的图表工具栏支持通过modeBarButtonsToRemove参数精确控制按钮显示,其中2D框选缩放对应的按钮标识为select2d,将其加入移除列表即可完全隐藏该选项。
示例配置:

dcc.Graph(
    id='example-chart',
    figure=fig,
    config={
        'modeBarButtonsToRemove': ['select2d']
    }
)

禁止沿X/Y轴拖拽调整刻度尺度的axis pan行为

这类pan交互的触发逻辑分为两部分:一是通过工具栏切换到pan模式后在绘图区拖拽平移视图,二是直接在坐标轴条上按住拖拽修改轴的显示范围。需要配合两个配置完全禁用:

  • 将工具栏中2D pan按钮(对应标识为pan2d)加入移除列表,禁止用户切换到pan操作模式
  • 设置showAxisDragHandles参数为False,关闭坐标轴本身的拖拽触发能力,让用户无法直接在X/Y轴条上拖拽调整刻度范围
  • 可选补充:在图表布局中设置默认拖拽模式为框选缩放,从根源上避免默认触发pan平移行为

整合后的完整配置示例:

# 调整图表默认交互模式
fig.update_layout(
    dragmode='zoom'
)

dcc.Graph(
    id='example-chart',
    figure=fig,
    config={
        'modeBarButtonsToRemove': ['select2d', 'pan2d'],
        'showAxisDragHandles': False
    }
)

配置生效后,用户既无法在工具栏找到框选缩放、pan平移的操作入口,也不能通过直接拖拽坐标轴调整轴的显示范围,不会影响图表的基础展示、滚轮缩放等其他常规交互。


内容的提问来源于stack exchange,提问作者Aryagm

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.23 02:06:03