Plotly-Dash 未显示图形元素列表

Posted

技术标签:

【中文标题】Plotly-Dash 未显示图形元素列表【英文标题】:Plotly-Dash not showing list of graph elements 【发布时间】:2021-11-14 14:34:15 【问题描述】:

如果我将dcc.Graph 元素硬编码在布局中:

app.layout = html.Div(
    html.Div([
        dcc.Graph(id='graph-hammer'),
        dcc.Graph(id='graph-saw'),
        dcc.Interval(id='interval-component', interval=1000, n_intervals=0)]))

我得到了我想要的 2 个没有问题的图表的结果。

但如果我使用append 创建一个dcc.Graph 元素列表:

list_graphs = []
for t in tools:
    list_graphs.append(html.Div(dcc.Graph(id='graph-' + t)))

app.layout = html.Div(
    html.Div([
        list_graphs,
        dcc.Interval(id='interval-component', interval=1000, n_intervals=0)]))

我得到一个空白屏幕,没有抛出任何错误。

将列表传递给布局时我做错了什么?

【问题讨论】:

【参考方案1】:

解决方法是在列表前面添加*。例如:

app.layout = html.Div(
    html.Div([
        *list_graphs,
        dcc.Interval(id='interval-component', interval=1000, n_intervals=0)]))

【讨论】:

以上是关于Plotly-Dash 未显示图形元素列表的主要内容,如果未能解决你的问题,请参考以下文章

Plotly:如何使用plotly-dash在一页上创建“输入文本”并在第二页或选项卡上输出(图形)?

Jquery自动完成未显示应出现在输入元素下方的值列表

.gitlab-ci.yml 管道中的 Plotly-Dash 测试因 NameError 失败:未定义名称“DashComposite”

如何为下拉菜单修复 plotly-dash 中的“回调错误”

Plotly-Dash:- 文件上传后在 plotly dash 中进行多列过滤

Eclipse 中的 Android 应用程序:编辑文本未显示在图形布局上