在 plotly Dash 中隐藏模式栏

Question

在我们的破折号图中，我们试图隐藏浮动工具栏，它允许用户缩放、平移、保存、捕获等。为了实现这一点，我知道在 plotly 中你可以将 displayModeBar 参数设置为 false。如何在 Dash 中完成此操作？

Answer 1

确实论坛帮助解决了这个问题。为了完整起见，我在这里发布了答案：

在 Flask 的静态文件夹下创建一个 my.css 文件，其中：

.modebar { display: none !important; }

然后：

my_css_url = "/static/my.css"  
app.css.append_css(
    { “external_url”: my_css_url }
)

Answer 2

Dash Core 已更新，现在提供更清洁的解决方案。引入了一个值为 'displayModeBar': False 的特定配置参数

dcc.Graph(
    id='my-graph',
    figure={'data': [{'x': [1, 2, 3]}]},
    config={
        'displayModeBar': False
    }
)

配置参数甚至可以隐藏和删除特定按钮。

例如：

config={
        'modeBarButtonsToRemove': ['pan2d', 'lasso2d']
    }

请注意，要使其正常工作，您必须更新所有 Dash 组件。

在我的配置中（pip 和 virtualenv）需要以下命令：

pip install dash --upgrade
pip install dash-core-components --upgrade
pip install dash-html-components --upgrade
pip install dash-renderer --upgrade

Hide modebar in plotly Dash