如何将go.Figure添加到仪表板核心组件中的仪表板中

Question

我是仪表板的新手，我需要将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'),
])

我不知道为什么在绘图中不支持图形对象

有人有主意吗？

非常感谢

Answer 1

dcc.Graph中的Figure属性的值应为go.Figure返回的值。即

dcc.Graph(figure=fig)

Answer 2

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

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