data-dash-is-loading 何时触发回调函数？

Question

我试图在使用 CSS 属性 data-dash-is-loading 更新 Dash 图形时显示微调器。

我找到了一个可行的解决方案，但想知道为什么我以前的方法无法获得更多洞察力。

文档的结构是

html.Div(id="some-container",
         children=[dcc.Graph(id="some-graph",
                             figure=fig)])

这是我尝试的两个回调函数，一次一个。 工作回调函数更新整个容器的孩子：

@app.callback(
Output("some-container", "children"),
[Input("some-dropdown", "value")])

不起作用的回调函数是

@app.callback(
Output("some-graph", "figure"),
[Input("some-dropdown", "value")])

嗯，它工作正常，它会按原样更新图形，但不会触发data-dash-is-loading。

CSS 代码取自here:

*[data-dash-is-loading="true"]{
    visibility: hidden;
}
*[data-dash-is-loading="true"]::before{
    content: "Loading...";
    display: inline-block;
    color: magenta;
    visibility: visible;
}

谁能告诉我是什么原因？

Answer 1

您可能正在覆盖您的 div some-container 的子代。当第二个回调被触发时，图"some-graph" 可能不再存在。

解决方法是为您的图表和更新的项目创建 2 个单独的 div。