是否有更好的方法通过Plotly使用Dash执行多个输出？

Question

正如我们在"入门"的"交互"部分中所看到的,一个回调函数可以接受多个输入,但始终具有单个输出.

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

@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

现在，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 示例

Answer 2

基于此，有一种方法。

您可以做的是更新隐藏的“信号元素”（例如，这可以是文本输入），从而更新两个主要元素。

运行get_data(filter)一次，并将结果存储在全局变量中。然后不是更新element_1and 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，使用全局变量不是问题。如果您有多个用户将同时运行该应用程序，则可以使用替代方法，您可以在同一个链接中找到它们。