plotly - 在 plotly Dash 中隐藏模式栏

Question

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

Answer 1

Dash Core 已更新，现在提供更简洁的解决方案。'displayModeBar': False已引入具有值的特定配置参数

来自Plotly 论坛

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

config 参数甚至可以让您隐藏和删除特定按钮。

例如：

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

Answer 2

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

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

.modebar { display: none !important; }

进而：

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