我想添加一個下拉菜單以僅顯示一個數字。我的意思是，如果我選擇無花果，破折號必須只顯示無花果，如果我選擇無花果 2，破折號必須顯示無花果 2。這可能嗎？我的代碼是一個例子，我有 500 多個無花果。import dashimport dash_core_components as dccimport dash_html_components as htmlimport plotly.graph_objects as go # or plotly.express as pxfig = go.Figure()fig2 = go.Figure()fig.add_trace(go.Scatter(y=[4, 2, 1], mode="lines"))fig2.add_trace(go.Bar(y=[2, 1, 3]))figs = [fig, fig2]div = []for item in figs: div.append(dcc.Graph(figure=item))app = dash.Dash()app.layout = html.Div(div)"""add a dropdown to show only one fig"""app.run_server(debug=True, use_reloader=False)
2 回答
達令說
TA貢獻1821條經驗 獲得超6個贊
是的，有可能。
首先，您需要創建包含圖形名稱/文件名或您想要的標識符的下拉列表，只需保留{'label': x, 'value': x}選項參數的結構即可。label是您將在下拉列表中看到的內容，value并將傳遞給回調（見下文）。
fig_names = ['fig1', 'fig2']
fig_dropdown = html.Div([
dcc.Dropdown(
id='fig_dropdown',
options=[{'label': x, 'value': x} for x in fig_names],
value=None
)])
接下來，您需要一個空白的 div（帶有id），其中將顯示繪圖：
fig_plot = html.Div(id='fig_plot')
現在創建一個回調。id='fig_dropdown'當更改帶有 的輸入時，value參數將傳遞給update_output函數。此函數的輸出將傳遞給傳遞給div的children參數。id='fig_plot'
@app.callback(
dash.dependencies.Output('fig_plot', 'children'),
[dash.dependencies.Input('fig_dropdown', 'value')])
def update_output(fig_name):
return name_to_figure(fig_name)
該name_to_figure(fig_name)函數返回一個dcc.Graph()對象，其中包含您的圖形，具體取決于fig_name下拉列表的值。
完整示例：
import dash
import dash_core_components as dcc
import dash_html_components as html
import plotly.graph_objects as go # or plotly.express as px
app = dash.Dash()
fig_names = ['fig1', 'fig2']
fig_dropdown = html.Div([
dcc.Dropdown(
id='fig_dropdown',
options=[{'label': x, 'value': x} for x in fig_names],
value=None
)])
fig_plot = html.Div(id='fig_plot')
app.layout = html.Div([fig_dropdown, fig_plot])
@app.callback(
dash.dependencies.Output('fig_plot', 'children'),
[dash.dependencies.Input('fig_dropdown', 'value')])
def update_output(fig_name):
return name_to_figure(fig_name)
def name_to_figure(fig_name):
figure = go.Figure()
if fig_name == 'fig1':
figure.add_trace(go.Scatter(y=[4, 2, 1]))
elif fig_name == 'fig2':
figure.add_trace(go.Bar(y=[2, 1, 3]))
return dcc.Graph(figure=figure)
app.run_server(debug=True, use_reloader=False)
FFIVE
TA貢獻1797條經驗 獲得超6個贊
如果您的下拉框中有很多無花果可供選擇，可能需要對代碼進行以下更改才能實現：
@app.callback(Output('fig_plot', 'figure'), [Input('fig_dropdown', 'value')])
def cb(plot_type):
plot_type = plot_type if plot_type else 'fig1'
df_year = head_db.copy()
if plot_type:
return px.bar(df_year, x='Week #', y=str(plot_type), color='Name')
添加回答
舉報
0/150
提交
取消