Python Dash - 如何在@app.callback 中传递参数

Question

我正在尝试创建一个 Dash 示例，该示例可以通过使用此处的文档来利用实时更新：https://dash.plotly.com/live-updates

在代码中有一个关键部分可以让 app.call back 知道输入和输出是什么：

@app.callback(Output('live-update-text', 'children'),
              Input('interval-component', 'n_intervals')

这适用于一个组件，但是如果说我有五个不同的数据集要更新（都使用相同的逻辑），那么我自然希望像函数参数一样动态传递 @app.callback .即，理想情况下，如果我有 5 个输出，我可以这样做：

@app.callback(Output('live-update-text-MyParam', 'children'),
              Input('interval-component', 'n_intervals')

然后我可以使用 myParam = 1/2/3/4/5 来调用它。

有可能吗？

UPDATE 20220105：根据@coralvanda 和@EricLavault 的建议，这是我的想法：

def updateGraphsAndData(output, input):
    @app.callback([output['text'],
                   output['graph']],
                  [input['n_intervals'],input['name']])
    def updateGraphAndMetricForEach(n, name):
        return update_metrics(name), update_graph_live(name)

for param in lstParams:
    updateGraphsAndData(output={'text':Output(f'live-update-text-{param}','children'),'graph':Output(f'live-update-graph-{param}','figure')},
                        input={'n_intervals':Input(f'interval-component-{param}','n_intervals'),'name':Input(param, 'value')})

我正在尝试一次性更新图形和文本，update_metrics 是更新文本部分（返回 html.Span() 和 .Br()s 的列表），而 update_graph_live 返回一个 go.Figure对象）。

但是，当我运行此页面时，该页面不会返回任何要更新的图表或文本，并单击右下角的“回调”，我看到子项指向 null（即使我可以看到它是作为 'live-update-text-PARAM' 传入，我可以确认 update_metrics 以获取有效的名称输入）。

我还有什么遗漏的地方吗？

UPDATE 20220106：app.layout 代码的一部分：

dbc.Col([
                html.Div(id=f'live-update-text-{param1}'),
                dcc.Graph(id=f'live-update-graph-{param1}'),
                dcc.Interval(
                id=f'interval-component-{param1}',
                interval=2*1000, # in milliseconds
                n_intervals=0
                ),
            html.Hr(),
            ], width={'size': 4, 'offset': 0, 'order': 1}),

然后对 param1/param2/param3/param4/param5 重复此操作

Answer 1

我看到的第一个问题是您有多个 dcc.Interval（每个活动组件一个），但这不是必需的，因为您每个间隔只需要一个调用来更新所有组件。

然后，由于所有要更新的元素都在同一个容器中（我假设您将 dbc.Col 放在 dbc.Row 中），您可以在回调中使用单个输出来更新容器子级。

所以在你的布局中你可以这样做：

dcc.Interval(
    id='interval-component',
    interval=2*1000,  # in milliseconds
    n_intervals=0
),

dbc.Row(id="live-update-wrapper", children=[
    dbc.Col([
            html.Div(id=f'live-update-text-{param}'),
            dcc.Graph(id=f'live-update-graph-{param}'),
            html.Hr(),
        ],
        width={'size': 4, 'offset': 0, 'order': 1}
    ) for param in [1, 2, 3, 4, 5]
]),

对于回调使用相同的逻辑（只需获取所需的数据并将它们与参数 id 一起相应地插入）：

@app.callback(
    Output("live-update-wrapper", "children"),
    Input("interval-component", "n_intervals"))
def updateGraphsAndData(n):
    return [
        dbc.Col([
                html.Div(id=f'live-update-text-{param}'),
                dcc.Graph(id=f'live-update-graph-{param}'),
                html.Hr(),
            ],
            width={'size': 4, 'offset': 0, 'order': 1}
        ) for param in [1, 2, 3, 4, 5]
]