Update app.py

app.py

@@ -40,6 +40,66 @@ for i in range(num_y_vars):
 # Opción para apilar franjas de tiempo
 stacked = st.sidebar.checkbox("Apilar Franjas de Tiempo", value=True)
 
+# Crear el DataFrame con franjas de tiempo
+data_list = []
+for y_name, (start_date, end_date) in y_values.items():
+    data_list.append({
+        'Variable': y_name,
+        'Start': datetime.strptime(start_date, '%Y-%m-%d'),
+        'End': datetime.strptime(end_date, '%Y-%m-%d'),
+        'Category': 'Apilado' if stacked else y_name  # Esto asegura que se apilen en la misma fila pero mantengan su color
+    })
+
+data = pd.DataFrame(data_list)
+
+# Ajustar fechas para simular apilamiento si está activado
+if stacked:
+    offset = timedelta(days=1)  # Ajusta el offset según sea necesario
+    for i in range(1, len(data)):
+        data.loc[i, 'Start'] = data.loc[i-1, 'End']
+        data.loc[i, 'End'] = data.loc[i, 'Start'] + (data.loc[i, 'End'] - data.loc[i, 'Start'])
+
+# Crear gráfico de franjas de tiempo
+fig = px.timeline(data, x_start="Start", x_end="End", y="Category", color="Variable", title=chart_title)
+
+# Actualizar el diseño del gráfico
+fig.update_yaxes(categoryorder="total ascending")
+
+# Personalizar el formato de tiempo en el eje X
+if time_format == "Año":
+    tickformat = "%Y"
+else:
+    tickformat = "%Y-%m-%d"  # Ajusta según el formato deseado
+
+fig.update_layout(
+    xaxis_title="Tiempo",
+    yaxis_title="Variables",
+    xaxis=dict(
+        tickformat=tickformat,
+        titlefont=dict(size=14),
+        tickfont=dict(size=12),
+    ),
+    yaxis=dict(
+        titlefont=dict(size=14),
+        tickfont=dict(size=12),
+    ),
+    width=800,
+    height=600,
+    margin=dict(l=60, r=40, t=100, b=40),
+    font=dict(family="Times New Roman", size=18, color="black")
+)
+
+# Mostrar el gráfico
+st.plotly_chart(fig)
+
+# Información adicional
+st.write("Aquí puede añadir información adicional sobre los gráficos generados.")
+    if y_start and y_end and y_name:
+        y_values[y_name] = (y_start, y_end)
+
+# Opción para apilar franjas de tiempo
+stacked = st.sidebar.checkbox("Apilar Franjas de Tiempo", value=True)
+
 # Crear el DataFrame con franjas de tiempo
 data_list = []
 for y_name, (start_date, end_date) in y_values.items():