Update app.py

app.py

@@ -82,7 +82,8 @@ for idx, (y_name, (start_date, end_date)) in enumerate(y_values.items()):
             'Category': '' if superposed else y_name,  # Cambiar categoría dependiendo de la opción seleccionada
             'Color': color_with_opacity,  # Asignar color a cada variable con opacidad
             'Border Width': border_width,
-            'Border Color': border_color_with_opacity  # Asignar color del borde con opacidad
+            'Border Color': border_color_with_opacity,  # Asignar color del borde con opacidad
+            'Custom Hover': f'{y_name} ({start_date} - {end_date})'  # Texto personalizado para el hover
         })
 
 data = pd.DataFrame(data_list)
@@ -96,12 +97,14 @@ if superposed:
     data['Category'] = ' '  # Usar una cadena vacía para ocultar el texto "Superpuestas"
 
 # Crear gráfico de franjas de tiempo
-fig = px.timeline(data, x_start="Start", x_end="End", y="Category", color="Variable", title=chart_title)
+fig = px.timeline(data, x_start="Start", x_end="End", y="Category", color="Variable", title=chart_title,
+                  hover_data={'Variable': False, 'Start': False, 'End': False, 'Category': False, 'Custom Hover': True})
 
 # Actualizar los colores y estilos de las franjas
 for idx, row in data.iterrows():
     fig.data[idx].update(marker_color=row['Color'])
     fig.data[idx].update(marker_line=dict(width=row['Border Width'], color=row['Border Color']))
+    fig.data[idx].update(hovertemplate=row['Custom Hover'])  # Usar el texto personalizado para el hover
 
 # Ajustar el ancho de las barras si están superpuestas
 if superposed: