gráfica compuesta en chorizo

ahora todos los controles y la gráfica son divs consecutivos.
todos los divs son wrappers.
cada control está encapsulado en un div que contiene su etiqueta y su control
parent e04a1ab5
......@@ -114,55 +114,56 @@ app.layout = html.Div(children=[
html.Div(children=[ html.H1("Cobertura de pacientes por fuente de datos", className="header-title2") ]),
# dos columnas: controles y gráfica de pacientes por fuente de datos
html.Div(children=[
#controles
html.Div(children=[
html.Div(children="Etapa", className="menu-title"),
dcc.Dropdown(
id="etapas_serie",
options=[
{"label":1, "value":1},
{"label":2, "value":2},
{"label":3, "value":3},
],
value=1,
clearable=False,
searchable=False,
className="dropdown",
),
html.Div(children="Comidas", className="menu-title"),
dcc.Slider(
id="min_comidas_serie",
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)}
),
html.Div(children="Días con glucómetro", className="menu-title"),
dcc.Slider(
id="min_glucosa_serie",
min=1,
max=Glucometro_e,
value=7,
marks={1:"1", 7:"7", 14:"14", 28:"28", 42:"+42"}
),
html.Div(children="Distribución", className="menu-title"),
dcc.Dropdown(
id="distribucion_serie",
options=[
{"label":"Comidas por paciente", "value":1},
{"label":"Días de glucómetro por paciente", "value":2},
],
value=1,
clearable=False,
searchable=False,
className="dropdown",
),
], style={'display':'flex', 'flexDirection':'row'}, className="wrapper"),
#gráfica
html.Div(children=[dcc.Graph(id="cover_series")],),
html.Div(children="Etapa", className="menu-title"),
dcc.Dropdown(
id="etapas_serie",
options=[
{"label":1, "value":1},
{"label":2, "value":2},
{"label":3, "value":3},
],
value=1,
clearable=False,
searchable=False,
className="dropdown",
),
],className="wrapper"),
html.Div(children=[
html.Div(children="Comidas", className="menu-title"),
dcc.Slider(
id="min_comidas_serie",
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)}
),
],className="wrapper"),
html.Div(children=[
html.Div(children="Días con glucómetro", className="menu-title"),
dcc.Slider(
id="min_glucosa_serie",
min=1,
max=Glucometro_e,
value=7,
marks={1:"1", 7:"7", 14:"14", 28:"28", 42:"+42"}
),
],className="wrapper"),
html.Div(children=[
html.Div(children="Distribución", className="menu-title"),
dcc.Dropdown(
id="distribucion_serie",
options=[
{"label":"Comidas por paciente", "value":1},
{"label":"Días de glucómetro por paciente", "value":2},
],
value=1,
clearable=False,
searchable=False,
className="dropdown",
),
],className="wrapper"),
#gráfica
html.Div(children=[dcc.Graph(id="cover_series")],className="wrapper"),
# cobertura de pacientes por prueba. working.
html.Div(children=[
html.H1("Cobertura de pacientes por protocolo.", className="header-title2"),
......
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