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

parent 205bead0
......@@ -91,31 +91,19 @@ app.title = "NutrINDmex. Inventario de datos"
app.layout = html.Div(
children=[
#encabezado
html.Div(
children=[
html.P(children="🥑", className="header-emoji"),
html.H1(
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.H1(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"),
],
className="header",
),
html.Div(children=[ html.H1("Cobertura de pacientes por fuente de datos", className="header-title2") ]),
html.Div(
children=[
html.H1("Cobertura de pacientes por fuente de datos", className="header-title2"),
html.Div(
children=[
html.Div(children="Etapa", className="menu-title"),
......@@ -131,88 +119,78 @@ app.layout = html.Div(
searchable=False,
className="dropdown",
),
],
"Comidas",
dcc.Slider(
id="min_comidas",
min=1,
max=Comidas_totales_e,
value=15,
marks={1:"1",15:"15", 21:"21",30:"30",42:"42", Comidas_totales_e:str(Comidas_totales_e)}
),
"Dias con Glucómetro",
dcc.Slider(
id="min_glucosa",
min=1,
max=Glucometro_e,
value=7,
marks={1:"1", 7:"7", 14:"14", 28:"28", 42:"+42"}
),
]
),
],
className="wrapper"
html.Div(children=[dcc.Graph(id="multi-chart")],)
],style={'display': 'flex', 'flexDirection': 'row'},
className="wrapper"
),
html.Div(children=[
html.Div(children=[
"Comidas",
dcc.Slider(
id="min_comidas",
min=1,
max=Comidas_totales_e,
value=15,
marks={1:"1",15:"15", 21:"21",30:"30",42:"42", Comidas_totales_e:str(Comidas_totales_e)}
),
"Dias con Glucómetro",
dcc.Slider(
id="min_glucosa",
min=1,
max=Glucometro_e,
value=7,
marks={1:"1", 7:"7", 14:"14", 28:"28", 42:"+42"}
),
]
),
html.Div(children=[
dcc.Graph(id="multi-chart")],
)
],style={'display': 'flex', 'flexDirection': 'row'},
className="wrapper"),
html.Div(
children=[
html.H1("Cantidad de datos por paciente", className="header-title2"),
html.Div(children=[
html.Div(
children=[
html.Div(
children=[
html.Div(children="Etapa", className="menu-title"),
dcc.Dropdown(
id="etapaDet",
options=[
{"label":1, "value":1},
{"label":2, "value":2},
{"label":3, "value":3},
{"label":"No-Clas.", "value":99}
],
value=1,
clearable=False,
searchable=False,
className="dropdown",
),
], className="wrapper"
),
html.Div(children=[
html.Div(children="Fuente", className="menu-title"),
dcc.Dropdown(
id="medidaDet",
options=[
{"label":"Comidas", "value":1},
{"label":"Glucómetro", "value":2},
html.Div(
children=[
html.Div(
children=[
html.Div(
children=[
html.Div(children="Etapa", className="menu-title"),
dcc.Dropdown(
id="etapaDet",
options=[
{"label":1, "value":1},
{"label":2, "value":2},
{"label":3, "value":3},
{"label":"No-Clas.", "value":99}
],
value=1,
clearable=False,
searchable=False,
className="dropdown",
),
],
value=1,
clearable=False,
searchable=False,
className="dropdown",
),
], className="wrapper",
),
], style={"display":"flex", "flexDirection": "row"},
),
],
className="wrapper"
),
html.Div(
children=[
html.Div(children="Fuente", className="menu-title"),
dcc.Dropdown(
id="medidaDet",
options=[
{"label":"Comidas", "value":1},
{"label":"Glucómetro", "value":2},
],
value=1,
clearable=False,
searchable=False,
className="dropdown",
),
],
className="wrapper",
),
],
style={"display":"flex", "flexDirection": "row"},
),
],
),
dcc.Graph(id="detalle_figura"),
# dcc.Graph(
# figure=scat),
],
],
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