如何使用布尔开关更新 Dash 中的图形？

Question

我是 Dash 的新手。我正在尝试使用 daq.BooleanSwitch() 作为输入来回调图形。我可以显示一条消息，但我对图形有问题。

有没有人有什么建议可以帮助我？

import dash
from dash.dependencies import Input, Output
import dash_daq as daq
import dash_html_components as html

app = dash.Dash(__name__)

app.layout = html.Div([

    html.H1("Here we go"),

    daq.BooleanSwitch(id='my_pb', on=False,color="red"),
    
    html.Div(id='power-button-result-1'),
    
    dcc.Graph(id="plot")

])

@app.callback(
    Output('power-button-result-1', 'children'),
    Input('my_pb', 'on')
)
def update_output(on):
    x = '{}'.format(on)
    if x == "True":
        return "Hi Iḿ using DASH"

@app.callback(
    Output('plot', 'figure'),
    Input('my_pb', 'on')
)
    
def figura(on):
    x = '{}'.format(on)
    if x == "True":
        # fig1 = Code to do a nice plot 
        return fig1

if __name__ == "__main__":             
    app.run_server(port = 1895)

我的 DASH 输出如下所示：

Answer 1

我查看了您的代码，需要进行一些更改：

import dash
import dash_daq as daq

from dash import dcc
from dash import html

from dash.dependencies import Input
from dash.dependencies import Output


app = dash.Dash(__name__)

app.layout = html.Div(
    [
        html.H1("Here we go"),
        daq.BooleanSwitch(id="my_pb", on=False, color="red"),
        html.Div(id="power-button-result-1"),
    ]
)


@app.callback(
    Output("power-button-result-1", "children"),
    Input("my_pb", "on"),
)
def update_output(on):
    x = "{}".format(on)
    if x == "True":
        return [dcc.Graph(id="plot")]


if __name__ == "__main__":
    app.run_server(debug=True)

你非常接近 - 我认为你只需要一个回调。在这里，您可以看到布尔开关现在切换 dcc.Graph 对象的显示（或不显示）。这是您要找的吗？

↓（拨动开关）

如果您希望图表已经显示，然后在切换时更新，这里是对上面相同代码的稍微修改的扩展版本：

import dash
import dash_daq as daq

from dash import dcc
from dash import html
from dash import no_update

from dash.dependencies import Input
from dash.dependencies import Output

import plotly.express as px
import pandas as pd


app = dash.Dash(__name__)

app.layout = html.Div(
    [
        html.H1("Here we go"),
        daq.BooleanSwitch(id="my_pb", on=False, color="red"),
        html.Div(
            [dcc.Graph(id="plot")], id="power-button-result-1"
        ),
    ]
)


@app.callback(
    Output("power-button-result-1", "children"),
    Input("my_pb", "on"),
)
def update_output(on):
    df = px.data.iris()
    if on:
        fig = px.scatter(df, x="sepal_width", y="sepal_length")
        dcc.Graph(figure=fig)
        return [dcc.Graph(figure=fig)]
    else:
        fig = px.scatter()
        return [dcc.Graph(figure=fig)]


if __name__ == "__main__":
    app.run_server(debug=True)

好的 - 好多了，希望对您有所帮助？

如何使用布尔开关更新 Dash 中的图形？

How to use a boolean switch to update a graph in Dash?

python

plotly

plotly-dash

plotly-python

↓（拨动开关）