有没有更好的方法可以通过 Plotly 使用 Dash 执行多个输出？

Question

正如我们在 Interactivity part of Getting started 中看到的那样，一个回调函数可以接受多个输入，但始终只有一个输出。

假设我们分别有两个块必须在输入更改后更新。当然，最简单的方法是为每个块使用相同的输入进行两次回调。问题是请求执行两次，而一次足以获取所有数据。

@app.callback(
    dash.dependencies.Output('element_1', 'children'),
    [dash.dependencies.Input('filter', 'value')])
def callback_element_1(filter):
    return get_data(filter).el1

@app.callback(
    dash.dependencies.Output('element_2', 'children'),
    [dash.dependencies.Input('filter', 'value')])
def callback_element_2(filter):
    return get_data(filter).el2

我找到的解决方案是将这些元素包装在单个块中，并通过单个请求完全重新呈现它。但在这种情况下，包装器中的所有静态内容也将被刷新，特别是如果 DOM.

中的初始元素彼此相距很远。

@app.callback(
    dash.dependencies.Output('wrapper', 'children'),
    [dash.dependencies.Input('filter', 'value')])
def callback_element_wrapper(filter):
    data = get_data(filter)
    return html.Div(
        children=[
            data.el1,
            # more static content
            data.el2,
        ]
    )

所以也许有更优雅的方法可以通过单个请求输出两个或更多元素？

Answer 1

基于this，有办法。

您可以做的是更新隐藏的 "Signal Element"（例如，这可以是文本输入），这反过来会更新两个主要元素。

运行 get_data(filter) 一次，并将结果存储在全局变量中。然后不更新 element_1 和 element_2，更新该信号元素。

result = []

@app.callback(
dash.dependencies.Output('signal', 'value'),
[dash.dependencies.Input('filter', 'value')])
def callback_signal(filter):
    global result
    result = get_data(filter)
    return filter

@app.callback(
dash.dependencies.Output('element_1', 'children'),
[dash.dependencies.Input('signal', 'value')])
def callback_element_1(filter):
    return result.el1


@app.callback(
dash.dependencies.Output('element_2', 'children'),
[dash.dependencies.Input('signal', 'value')])
def callback_element_2(filter):
    return result.el2

就我而言，我在单用户环境中使用 Dash，使用全局变量不是问题。如果您有多个用户将同时运行应用程序，则可以使用替代方案，您可以在同一个 link 中找到它们。

Answer 2

如果您可以在外部函数中组合动作侦听器会怎样？使用 Oleh 的示例

def setup_action_callbacks(app):
    result = []

    @app.callback(
    dash.dependencies.Output('signal', 'value'),
    [dash.dependencies.Input('filter', 'value')])
    def callback_signal(filter):
        result = get_data(filter)
        return filter

    @app.callback(
    dash.dependencies.Output('element_1', 'children'),
    [dash.dependencies.Input('signal', 'value')])
    def callback_element_1(filter):
        return result.el1


    @app.callback(
    dash.dependencies.Output('element_2', 'children'),
    [dash.dependencies.Input('signal', 'value')])
    def callback_element_2(filter):
        return result.el2

这样：

def get_app_layout(app):
    setup_action_callbacks(app)
    return html.Div()

app = DjangoDash(name="a_nice_name", app_name="a_nice_app_name")
app.layout = get_app_layout(app)

Answer 3

Dash 中合并了多输出回调支持 (2019/03/01)。

参见 GitHub 拉取请求：Multi output callbacks support
见公告：Multiple outputs in Dash - Now Available!

Answer 4

现在，Plotly Dash 支持单个事件中的多个输出。这是最新版本的 dash==0.38.0rc1

@app.callback(
    [
        Output('output1', 'children'), 
        Output('output2', 'children')
    ],
    [
        Input('output-btn', 'n_clicks'),
        State('output-btn', 'n_clicks_timestamp')
    ]
)
def on_click(n_clicks, n_clicks_timestamp):
    if n_clicks is None:
        raise PreventUpdate

    return n_clicks, n_clicks_timestamp

Git Sample

有没有更好的方法可以通过 Plotly 使用 Dash 执行多个输出？

Is there a better way to perform multiple output with Dash by Plotly?

python

frameworks

plotly-dash