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=[ ...@@ -114,55 +114,56 @@ app.layout = html.Div(children=[
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") ]),
# dos columnas: controles y gráfica de pacientes por fuente de datos # dos columnas: controles y gráfica de pacientes por fuente de datos
html.Div(children=[ html.Div(children=[
#controles html.Div(children="Etapa", className="menu-title"),
html.Div(children=[ dcc.Dropdown(
html.Div(children="Etapa", className="menu-title"), id="etapas_serie",
dcc.Dropdown( options=[
id="etapas_serie", {"label":1, "value":1},
options=[ {"label":2, "value":2},
{"label":1, "value":1}, {"label":3, "value":3},
{"label":2, "value":2}, ],
{"label":3, "value":3}, value=1,
], clearable=False,
value=1, searchable=False,
clearable=False, className="dropdown",
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")],),
],className="wrapper"), ],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. # cobertura de pacientes por prueba. working.
html.Div(children=[ html.Div(children=[
html.H1("Cobertura de pacientes por protocolo.", className="header-title2"), 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