在 plotly Dash 中隐藏模式栏答案

【问题标题】：Hide modebar in plotly Dash在 plotly Dash 中隐藏模式栏
【发布时间】：2017-07-12 19:39:17
【问题描述】：

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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

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

.modebar { display: none !important; }

然后：

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

【讨论】：