dropdown de etapas en mismo div que sliders de comidas,glucómetro

parent 205bead0
...@@ -91,31 +91,19 @@ app.title = "NutrINDmex. Inventario de datos" ...@@ -91,31 +91,19 @@ app.title = "NutrINDmex. Inventario de datos"
app.layout = html.Div( app.layout = html.Div(
children=[ children=[
#encabezado
html.Div( html.Div(
children=[ children=[
html.P(children="🥑", className="header-emoji"), html.P(children="🥑", className="header-emoji"),
html.H1( html.H1(children="Inventario de datos", className="header-title"),
children="Inventario de datos", className="header-title" html.P(children=(str(Total_pacientes) + " participantes."),className="header-description"),
), html.P(children=(str(Total_incluidos) + " están incluidos en el análisis."),className="header-description"),
html.P(
children=(
str(Total_pacientes) + " participantes. "
),
className="header-description",
),
html.P(
children=(
str(Total_incluidos) + " están incluidos en el análisis. "
),
className="header-description",
),
], ],
className="header", className="header",
), ),
html.Div(children=[ html.H1("Cobertura de pacientes por fuente de datos", className="header-title2") ]),
html.Div( html.Div(
children=[ children=[
html.H1("Cobertura de pacientes por fuente de datos", className="header-title2"),
html.Div( html.Div(
children=[ children=[
html.Div(children="Etapa", className="menu-title"), html.Div(children="Etapa", className="menu-title"),
...@@ -131,13 +119,6 @@ app.layout = html.Div( ...@@ -131,13 +119,6 @@ app.layout = html.Div(
searchable=False, searchable=False,
className="dropdown", className="dropdown",
), ),
],
),
],
className="wrapper"
),
html.Div(children=[
html.Div(children=[
"Comidas", "Comidas",
dcc.Slider( dcc.Slider(
id="min_comidas", id="min_comidas",
...@@ -156,16 +137,15 @@ app.layout = html.Div( ...@@ -156,16 +137,15 @@ app.layout = html.Div(
), ),
] ]
), ),
html.Div(children=[ html.Div(children=[dcc.Graph(id="multi-chart")],)
dcc.Graph(id="multi-chart")],
)
],style={'display': 'flex', 'flexDirection': 'row'}, ],style={'display': 'flex', 'flexDirection': 'row'},
className="wrapper"
className="wrapper"), ),
html.Div( html.Div(
children=[ children=[
html.H1("Cantidad de datos por paciente", className="header-title2"), html.H1("Cantidad de datos por paciente", className="header-title2"),
html.Div(children=[ html.Div(
children=[
html.Div( html.Div(
children=[ children=[
html.Div( html.Div(
...@@ -184,9 +164,11 @@ app.layout = html.Div( ...@@ -184,9 +164,11 @@ app.layout = html.Div(
searchable=False, searchable=False,
className="dropdown", className="dropdown",
), ),
], className="wrapper" ],
className="wrapper"
), ),
html.Div(children=[ html.Div(
children=[
html.Div(children="Fuente", className="menu-title"), html.Div(children="Fuente", className="menu-title"),
dcc.Dropdown( dcc.Dropdown(
id="medidaDet", id="medidaDet",
...@@ -199,19 +181,15 @@ app.layout = html.Div( ...@@ -199,19 +181,15 @@ app.layout = html.Div(
searchable=False, searchable=False,
className="dropdown", className="dropdown",
), ),
], className="wrapper", ],
className="wrapper",
), ),
],
], style={"display":"flex", "flexDirection": "row"}, style={"display":"flex", "flexDirection": "row"},
), ),
], ],
), ),
dcc.Graph(id="detalle_figura"), dcc.Graph(id="detalle_figura"),
# dcc.Graph(
# figure=scat),
], ],
className="wrapper" className="wrapper"
), ),
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment