Update app.py

app.py

@@ -246,42 +246,45 @@ def create_plot(df, chart_type, x_column, y_column, group_column=None, size_colu
                             'solidity': 0.5
                         }
         
-        
-elif chart_type == "堆疊長條圖":
-    if group_column and group_column in df.columns:
-        df[x_column] = df[x_column].astype('category')
-        df[group_column] = df[group_column].astype('category')
-        
-        if agg_func == "count" or y_column == "計數":
-            grouped_df = df.groupby([x_column, group_column]).size().reset_index(name='__y__')
-        else:
-            grouped_df = df.groupby([x_column, group_column])[y_column].agg(agg_func).reset_index(name='__y__')
+        if chart_type == "堆疊長條圖":
+            if group_column and group_column in df.columns:
+                # 明確將字符串列轉換為類別型
+                df[x_column] = df[x_column].astype('category')
+                df[group_column] = df[group_column].astype('category')
 
-        pivot_df = grouped_df.pivot(index=x_column, columns=group_column, values='__y__').fillna(0).reset_index()
-        categories = [col for col in pivot_df.columns if col != x_column]
+                # 根據使用者選的聚合函數進行分組計算
+                if agg_func == "count" or y_column == "計數":
+                    grouped_df = df.groupby([x_column, group_column]).size().reset_index(name='__y__')
+                else:
+                    grouped_df = df.groupby([x_column, group_column])[y_column].agg(agg_func).reset_index(name='__y__')
 
-        for i, category in enumerate(categories):
-            color = colors[i % len(colors)]
-            if str(category) in custom_colors:
-                color = custom_colors[str(category)]
+                # 建立樞紐表
+                pivot_df = grouped_df.pivot_table(index=x_column, columns=group_column,
+                                                  values='__y__', aggfunc='sum').reset_index().fillna(0)
 
-            pattern_shape = None
-            if patterns and i < len(patterns) and patterns[i] != "無":
-                pattern_shape = patterns[i]
+                # 類別清單
+                categories = pivot_df.columns.tolist()
+                categories.remove(x_column)
 
-            fig.add_trace(go.Bar(
-                x=pivot_df[x_column],
-                y=pivot_df[category],
-                name=str(category),
-                marker_color=color,
-                marker_pattern_shape=pattern_shape
-            ))
+                # 加入每一組 Bar
+                for i, category in enumerate(categories):
+                    color = colors[i % len(colors)]
+                    if str(category) in custom_colors:
+                        color = custom_colors[str(category)]
 
-        fig.update_layout(barmode='stack')
-    else:
-        grouped_df = df.groupby(x_column)[y_column].agg(agg_func).reset_index()
-        fig = px.bar(grouped_df, x=x_column, y=y_column, color_discrete_sequence=colors, **fig_params)
-    
+                    pattern_shape = None
+                    if patterns and i < len(patterns) and patterns[i] != "無":
+                        pattern_shape = patterns[i]
+
+                    fig.add_trace(go.Bar(
+                        x=pivot_df[x_column],
+                        y=pivot_df[category],
+                        name=str(category),
+                        marker_color=color,
+                        marker_pattern_shape=pattern_shape
+                    ))
+
+                fig.update_layout(barmode='stack')
             else:
                 # 如果沒有分組欄，退回一般長條圖的做法
                 grouped_df = df.groupby(x_column)[y_column].agg(agg_func).reset_index()
@@ -1157,25 +1160,10 @@ CUSTOM_CSS = """
 /* 下拉選單位置修正 */
 .gradio-dropdown {
     position: relative !important;
-    overflow: visible !important;
-    z-index: 1000 !important;
-}
-
-.gradio-dropdown .choices__list--dropdown {
-    position: absolute !important;
-    top: 100% !important;
-    left: 0 !important;
-    z-index: 2000 !important;
-    max-height: 300px !important;
-    overflow-y: auto !important;
-    background: white !important;
-    border: 1px solid #ddd !important;
-    border-radius: 4px !important;
-    width: 100% !important;
-    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
+    overflow: visible !important;  /* ✅ 關鍵補充 */
+    z-index: 10 !important;        /* 確保浮在上層 */
 }
 
-
 .gradio-dropdown .choices__list--dropdown {
     position: absolute !important;
     top: 100% !important;