在plotly Dash中隐藏模式栏

时间:2017-07-12 19:39:18

标签: plotly plotly-dash

在我们的Dash图表中,我们试图隐藏浮动工具栏,允许用户缩放,平移,保存,捕获等。 为了达到这个目的,我知道在plotly中你可以将 displayModeBar param设置为false。 怎么能在Dash中完成?

2 个答案:

答案 0 :(得分:5)

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

来自Plotly forum

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

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

例如:

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

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

在我的配置(pipvirtualenv)中,必须执行以下命令:

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

答案 1 :(得分:1)

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

在Flask的静态文件夹下创建一个my.css文件,其中包含:

.modebar { display: none !important; }

然后:

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