破折号下拉菜单图

Question

我正在尝试实现一个实时更新图表，仅当用户从下拉菜单中选择它时才会显示该图表。我已经使用“间隔”和下拉菜单“氧气”的输入进行了回调。我认为如果“值”为“0”，则没有选择任何图表，我可以返回“null”（？？？），如果“值”=“1”，则图表将更新。这可能吗？还是我的方法不正确？

dcc.Graph(id='live-graph2', animate=False),
        dcc.Interval(
            id='graph-update',
            interval=10000,
            n_intervals=0
        )),
        dbc.Col(html.Div([
        dcc.Dropdown(
            id='oxygen',
            options=[{'label': s, 'value': s}
                     for s in main_graph.keys()],
            value=[],
            multi=True),

@app.callback(
    dash.dependencies.Output('live-graph2', 'figure'),
    [dash.dependencies.Input('oxygen', 'value'),
     dash.dependencies.Input('graph-update', 'n_intervals')],
)
def update_graph_scatter_2(n,value):
    if value == 0:
        ....
    else:
        data = {}

Answer 1

我会以不同的方式处理这个问题。

如果您在未选择任何下拉选项时根本不想显示图表，则默认情况下

Graph

组件不需要位于布局中。

相反，您可以创建一个容器组件，根据

Graph

组件的选项值动态附加到该容器组件。以下是使用示例数据的简化示例，请根据您的要求进行调整：

Dropdown