如何在破折号核心组件中将 go.Figure 添加到破折号布局中答案

【问题标题】：How to add go.Figure into dash plotly layout in dash core component如何在破折号核心组件中将 go.Figure 添加到破折号布局中
【发布时间】：2019-12-09 14:23:06
【问题描述】：

我是 dash plotly 的新手，我需要将 go.Figure 添加到 app.layout 但我不能得到正确的结果有问题

我的代码：


trace = go.Scatter(
    x=x1,
    y=y1,
    name="Completed",
    line_color='green'
)

layout = dict(
    title='Simple Graph',
    xaxis=dict(range=[min(x1) - datetime.timedelta(hours=2), max(x1)]),
    yaxis=dict(range=[0, max(max(new_df['number_of_incomplete_segments']), max(new_df['number_of_returned_segments']),
                             max(new_df['number_of_completed_segments']))])
)

fig = go.Figure(data=[trace], layout=layout)



app.layout = html.Div([
    html.H1('Square Root Slider Graph'),

    dcc.Graph(id='slider-graph', figure={'data': [fig] }, animate=True, style={"backgroundColor": "#1a2d46", 'color': '#ffffff'},
              ),
    dcc.Dropdown(id='demo-dropdown',
                 options=[
                     {'label': 'Daily', 'value': 'daily'},
                     {'label': 'Weekly', 'value': 'weekly'},
                     {'label': 'Monthly', 'value': 'monthly'}
                 ],
                 value='weekly'),
])

我不知道为什么 dash plotly 不支持图形对象

有人有想法吗？

非常感谢

【问题讨论】：

标签： python django plotly plotly-dash

【解决方案1】：

dcc.Graph 中figure 属性的值应该是go.Figure 返回的值。即

dcc.Graph(figure=fig)

【讨论】：

在回调中返回 go.Figure 是否相同？在我的问题中：stackoverflow.com/questions/64400951/…
是的。如果您的回调返回单个 Plotly 图形对象，则回调的 Output 应该是 dcc.Graph 组件的 figure 属性。

【解决方案2】：

你犯了语法错误。您应该将 fig 对象分配给 figure。

dcc.Graph(
        id='slider-graph',
        figure=fig
    )

【讨论】：