Update app.py

app.py

@@ -246,45 +246,42 @@ 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')
+        
+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 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__')
+        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]
 
-                # 建立樞紐表
-                pivot_df = grouped_df.pivot_table(index=x_column, columns=group_column,
-                                                  values='__y__', aggfunc='sum').reset_index().fillna(0)
+        for i, category in enumerate(categories):
+            color = colors[i % len(colors)]
+            if str(category) in custom_colors:
+                color = custom_colors[str(category)]
 
-                # 類別清單
-                categories = pivot_df.columns.tolist()
-                categories.remove(x_column)
+            pattern_shape = None
+            if patterns and i < len(patterns) and patterns[i] != "無":
+                pattern_shape = patterns[i]
 
-                # 加入每一組 Bar
-                for i, category in enumerate(categories):
-                    color = colors[i % len(colors)]
-                    if str(category) in custom_colors:
-                        color = custom_colors[str(category)]
-
-                    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.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')
+        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)
+    
             else:
                 # 如果沒有分組欄，退回一般長條圖的做法
                 grouped_df = df.groupby(x_column)[y_column].agg(agg_func).reset_index()
@@ -1160,10 +1157,25 @@ CUSTOM_CSS = """
 /* 下拉選單位置修正 */
 .gradio-dropdown {
     position: relative !important;
-    overflow: visible !important;  /* ✅ 關鍵補充 */
-    z-index: 10 !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;
 }
 
+
 .gradio-dropdown .choices__list--dropdown {
     position: absolute !important;
     top: 100% !important;