Update app.py

app.py

@@ -91,6 +91,190 @@ else:
 # Procesar valores
 y_values_lists = [[float(i) for i in y_values.split(",") if i.strip()] for y_values in y_values_list]
 
+# Verificar si las listas tienen el mismo tamaño
+if any(len(x) != len(y) for y in y_values_lists):
+    st.error("Todos los valores de X y Y deben tener la misma cantidad de elementos.")
+else:
+    # Crear un DataFrame
+    data = pd.DataFrame({"X": x})
+    for idx, y_set in enumerate(y_values_lists):
+        data[y_names_list[idx]] = y_set
+
+    # Configuración común para todos los gráficos
+    common_layout = dict(
+        xaxis_title=x_label,
+        yaxis_title=y_label,
+        plot_bgcolor="white",
+        hovermode="x unified",
+        width=graph_width,
+        height=graph_height,
+        margin=dict(l=60, r=40, t=100, b=40),
+        xaxis=dict(showgrid=True, zeroline=True, gridcolor='rgba(211,211,211,0.5)', zerolinecolor='rgba(128,128,128,0.5)', autorange=True),
+        yaxis=dict(showgrid=True, zeroline=True, gridcolor='rgba(211,211,211,0.5)', zerolinecolor='rgba(128,128,128,0.5)', autorange=True),
+        font=dict(family=font_family, size=18, color="black"),
+        showlegend=show_legend,
+        legend=dict(orientation="v", yanchor="top", y=1, xanchor="left", x=1.02)
+    )
+    
+    # Personalizar el hovertemplate
+    hovertemplate = '<b>%{y}</b>'
+
+    # Generar el gráfico basado en el tipo seleccionado
+    if chart_type == "Línea":
+        fig = px.line(data, x="X", y=y_names_list, line_shape="spline")
+        fig.update_traces(hovertemplate=hovertemplate)
+        if use_multiple_colors:
+            for i, name in enumerate(y_names_list):
+                fig.update_traces(selector=dict(name=name), line_color=colors[i % len(colors)])
+        else:
+            fig.update_traces(line_color=color)
+    elif chart_type == "Área":
+        fig = px.area(data, x="X", y=y_names_list, line_shape="spline")
+        fig.update_traces(hovertemplate=hovertemplate)
+        if use_multiple_colors:
+            for i, name in enumerate(y_names_list):
+                fig.update_traces(selector=dict(name=name), line_color=colors[i % len(colors)], fillcolor=colors[i % len(colors)])
+        else:
+            fig.update_traces(line_color=color, fillcolor=color)
+    elif chart_type == "Dispersión":
+        fig = px.scatter(data, x="X", y=y_names_list)
+        fig.update_traces(hovertemplate=hovertemplate)
+        if use_multiple_colors:
+            for i, name in enumerate(y_names_list):
+                fig.update_traces(selector=dict(name=name), marker_color=colors[i % len(colors)], marker_line_color=border_colors[i % len(border_colors)], marker_line_width=border_width)
+        else:
+            fig.update_traces(marker_color=color, marker_line_color=border_color, marker_line_width=border_width)
+    elif chart_type == "Barras":
+        if horizontal_bars:
+            fig = px.bar(data, x=y_names_list[0], y="X", orientation='h', barmode='stack' if stacked_bars else 'group')
+        else:
+            fig = px.bar(data, x="X", y=y_names_list, barmode='stack' if stacked_bars else 'group')
+        fig.update_traces(hovertemplate=hovertemplate)
+        if use_multiple_colors:
+            for i in range(len(data)):
+                fig.data[i].marker.color = colors[i % len(colors)]
+                fig.data[i].marker.line.color = border_colors[i % len(border_colors)]
+                fig.data[i].marker.line.width = border_width
+        else:
+            fig.update_traces(marker_color=color, marker_line_color=border_color, marker_line_width=border_width)
+        fig.update_layout(bargap=0.2)
+    elif chart_type == "Donut":
+        figs = []
+        for i, y_name in enumerate(y_names_list):
+            fig = px.pie(data, values=y_name, names="X", hole=hole_size, color_discrete_sequence=colors[:len(x)])
+            fig.update_traces(hovertemplate='<b>%{label}</b>: %{value} (%{percent})', textinfo='percent+label')
+            fig.update_layout(
+                title=dict(
+                    text=f"{chart_title}<br><sub>{y_name}</sub>" if len(y_names_list) > 1 else chart_title,
+                    x=0.5,
+                    y=0.95,
+                    xanchor='center',
+                    yanchor='top',
+                    font=dict(
+                        family=font_family,
+                        size=18,
+                        color="#374151",
+                        weight="normal"
+                    )
+                ),
+                **common_layout
+            )
+            figs.append(fig)
+        for fig in figs:
+            st.plotly_chart(fig)
+
+    # Añadir anotación para el título
+    if chart_type != "Donut":
+        fig.update_layout(
+            title=dict(
+                text=f"{chart_title}",
+                x=0.5,
+                y=0.95,
+                xanchor='center',
+                yanchor='top',
+                font=dict(
+                    family=font_family,
+                    size=18,
+                    color="#374151",
+                    weight="normal"
+                )
+            )
+        )
+        
+        # Aplicar configuración común
+        fig.update_layout(**common_layout)
+        
+        # Aplicar múltiples colores si se seleccionó la opción
+        if use_multiple_colors and chart_type != "Donut":
+            for i, trace in enumerate(fig.data):
+                trace.update(marker_color=colors[i % len(colors)], marker_line_color=border_colors[i % len(border_colors)], marker_line_width=border_width)
+        
+        # Mostrar el gráfico
+        st.plotly_chart(fig)
+
+        # Forzar el autoescale
+        fig.update_layout(xaxis_autorange=True, yaxis_autorange=True)
+
+# Información adicional
+st.write("""
+""")
+
+# Selector de número de variables Y
+num_y_vars = st.sidebar.number_input("Número de variables Y", min_value=1, max_value=100, value=1, step=1)
+y_values_list = []
+y_names_list = []
+for i in range(num_y_vars):
+    if f"y_values_{i}" not in st.session_state:
+        st.session_state[f"y_values_{i}"] = ','.join([str(np.random.randint(1, 25)) for _ in x])
+    y_values = st.sidebar.text_area(f"Valores para Y-{i+1} (separados por comas)", st.session_state[f"y_values_{i}"])
+    st.session_state[f"y_values_{i}"] = y_values  # Guardar los valores en session_state
+    y_name = st.sidebar.text_input(f"Nombre de la Variable Y-{i+1}", f"Variable Y-{i+1}")
+    y_values_list.append(y_values)
+    y_names_list.append(y_name)
+
+# Etiquetas personalizadas para los ejes
+x_label = st.sidebar.text_input("Etiqueta para el eje X", "X")
+y_label = st.sidebar.text_input("Etiqueta para el eje Y", "Y")
+
+# Desplegable de opciones adicionales
+with st.sidebar.expander("Opciones Adicionales"):
+    graph_width = st.slider("Ancho del Gráfico", min_value=400, max_value=1000, value=800, step=50)
+    graph_height = st.slider("Alto del Gráfico", min_value=300, max_value=800, value=600, step=50)
+    font_family = st.selectbox("Fuente", font_options, index=font_options.index("Times New Roman"))
+    show_legend = st.checkbox("Mostrar Leyenda", value=True)
+    opacity = st.slider("Opacidad (%)", min_value=0, max_value=100, value=30, step=1) / 100
+    border_width = st.slider("Grosor del Borde", min_value=0.0, max_value=3.0, value=1.5, step=0.1)
+    border_opacity = st.slider("Opacidad del Borde (%)", min_value=0, max_value=100, value=60, step=1) / 100
+    if chart_type == "Barras" and num_y_vars > 1:
+        stacked_bars = st.checkbox("Superpuestas")
+    else:
+        stacked_bars = False
+    if chart_type == "Barras":
+        horizontal_bars = st.checkbox("Invertidas")
+    if chart_type == "Donut":
+        hole_size = st.slider("Tamaño del agujero (%)", min_value=0, max_value=100, value=30, step=1) / 100
+
+# Opción para múltiples colores (siempre activada para Donut)
+use_multiple_colors = st.sidebar.checkbox("Usar múltiples colores", value=True if chart_type == "Donut" or num_y_vars > 1 else False)
+
+# Seleccionar color(es) para el gráfico
+selected_color = st.sidebar.color_picker("Color", "#24CBA0", key="single_color")
+
+# Definir colores
+if use_multiple_colors or chart_type == "Donut":
+    num_colors = max(len(y_values_list), len(x))
+    colors = [hex_to_rgba(selected_color if i == 0 else st.sidebar.color_picker(f"Color {i+1}", predefined_colors[i % len(predefined_colors)], key=f"color_{i}"), alpha=opacity)
+              for i in range(num_colors)]
+    border_colors = [hex_to_rgba(selected_color if i == 0 else predefined_colors[i % len(predefined_colors)], alpha=border_opacity)
+                     for i in range(num_colors)]
+else:
+    color = hex_to_rgba(selected_color, alpha=opacity)
+    border_color = hex_to_rgba(selected_color, alpha=border_opacity)
+    colors = [color] * len(x)  # Definir colors para casos donde no se usa múltiple colores
+
+# Procesar valores
+y_values_lists = [[float(i) for i in y_values.split(",") if i.strip()] for y_values in y_values_list]
+
 # Verificar si las listas tienen el mismo tamaño
 if any(len(x) != len(y) for y in y_values_lists):
     st.error("Todos los valores de X y Y deben tener la misma cantidad de elementos.")