Update app.py

app.py

@@ -1,5 +1,5 @@
 import streamlit as st
-import plotly.express as px
+import plotly.graph_objects as go
 import pandas as pd
 from datetime import datetime, timedelta
 
@@ -11,12 +11,6 @@ def hex_to_rgba(hex_color, alpha=1.0):
     hex_color = hex_color.lstrip('#')
     return f'rgba({int(hex_color[0:2], 16)},{int(hex_color[2:4], 16)},{int(hex_color[4:6], 16)},{alpha})'
 
-# Lista de fuentes más utilizadas
-font_options = [
-    "Times New Roman", "Arial", "Helvetica", "Calibri", "Verdana", 
-    "Tahoma", "Georgia", "Garamond", "Courier New", "Brush Script MT"
-]
-
 # Sidebar para la configuración del gráfico
 st.sidebar.header("Configuración del Gráfico")
 
@@ -51,27 +45,36 @@ for y_name, (start_date, end_date) in y_values.items():
 
 data = pd.DataFrame(data_list)
 
-# Ajustar fechas para simular apilamiento si está activado
-if stacked:
-    offset = timedelta(days=1)  # Para separar visualmente las franjas de tiempo
-    data['Start'] = data['Start'] + data.groupby('Variable').cumcount() * offset
-    data['End'] = data['End'] + data.groupby('Variable').cumcount() * offset
-
-# Crear gráfico de franjas de tiempo
-fig = px.timeline(data, x_start="Start", x_end="End", y="Variable", color="Variable", title=chart_title)
+# Crear gráfico de franjas de tiempo usando plotly.graph_objects
+fig = go.Figure()
+
+# Agregar cada serie de tiempo al gráfico
+colors = px.colors.qualitative.Plotly  # Puedes elegir otros esquemas de color
+
+for i, (y_name, (start_date, end_date)) in enumerate(y_values.items()):
+    start_date = pd.to_datetime(start_date)
+    end_date = pd.to_datetime(end_date)
+    
+    fig.add_trace(go.Bar(
+        y=[y_name],
+        x=[(end_date - start_date).days],
+        base=start_date,
+        orientation='h',
+        name=y_name,
+        marker_color=colors[i % len(colors)],
+        text=f'{y_name}: {start_date.date()} - {end_date.date()}',
+        textposition='inside',
+        width=0.5
+    ))
 
 # 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"
-
 fig.update_layout(
+    title=chart_title,
     xaxis_title="Tiempo",
     yaxis_title="Variables",
+    barmode='stack' if stacked else 'group',
     xaxis=dict(
-        tickformat=tickformat,
+        tickformat="%Y-%m-%d" if time_format != "Año" else "%Y",
         titlefont=dict(size=14),
         tickfont=dict(size=12),
     ),