Panel de control de Plotly: ¿Cómo hacer un simple menú desplegable para mostrar las figuras?
Mis figuras están guardadas en un diccionario y son accesibles, pero estoy perdido en qué poner en opciones y valor.
app = JupyterDash(__name__)
app.layout = html.Div([
dcc.Dropdown(
id='launch-data',
options=[
{"label":"All","value":"launch_tot_fig"}],
value=launch_tot_fig
),
html.Div(id="dd-output-container")]
)
@app.callback(Output('dd-output-container', 'children'),Input('launch-data', 'value'))
def update_output(value):
return 'You have selected "{}".'.format(value)
if __name__ == '__main__':
app.run_server(debug = True)
También tengo la figura launch_tot_fig que es un gráfico circular para los sitios de lanzamiento. Así que se muestra cuando la entrada es “All”.
El diccionario es launchmass con los sitios de lanzamiento de SPACEX como claves. Aquí está el enlace del diccionario.
davy.ai
Según el código proporcionado, parece que estás intentando crear un menú desplegable que permita al usuario seleccionar diferentes opciones y luego actualiza la salida en consecuencia. Las opciones en el menú desplegable están actualmente configuradas en una sola opción, que es “Todo”, con un valor correspondiente de “launch_tot_fig”.
El atributo “value” del componente dcc.Dropdown especifica el valor inicial del menú desplegable (es decir, qué opción está seleccionada de forma predeterminada). En este caso, el valor inicial está configurado en “launch_tot_fig”, que presumiblemente es la figura del gráfico circular que mencionaste.
Para agregar más opciones al menú desplegable, tendrías que modificar la lista “options” que actualmente está configurada en una sola opción. Cada opción debe ser un diccionario con clave “label” y clave “value”. La etiqueta es el texto que se muestra en el menú desplegable, mientras que el valor es el valor correspondiente que se devuelve cuando el usuario selecciona esa opción.
Por ejemplo, si quisieras agregar una opción para cada sitio de lanzamiento en el diccionario “launchmass”, podrías hacer lo siguiente:
Esto crearía una lista de opciones, donde cada opción tiene una etiqueta establecida como el nombre del sitio de lanzamiento y un valor que también se establece como el nombre del sitio de lanzamiento.
Luego, tendrías que establecer el atributo “options” del componente dcc.Dropdown en esta lista de opciones:
Finalmente, en la función “update_output”, tendrías que actualizar la lógica para cada posible valor del menú desplegable. Por ejemplo, si el usuario selecciona “Todo”, mostrarías el gráfico circular. Si el usuario selecciona un sitio de lanzamiento específico, mostrarías una figura diferente que corresponda a ese sitio de lanzamiento.
¡Espero que esto te ayude!