Update app.py

app.py

@@ -58,19 +58,34 @@ if st.button("生成圖表"):
     # 創建一個標籤頁布局
     tab1, tab2 = st.tabs(["圓餅圖", "長條圖"])
     
-    with tab1:
-        # 使用 plotly 創建圓餅圖
-        fig_pie = px.pie(selected_df, names='公司名稱', values=column_choice, 
-                         title=f"{dataset_choice} - {column_choice} 圓餅圖",
-                         color_discrete_sequence=px.colors.qualitative.Pastel)
-        fig_pie.update_traces(textposition='inside', textinfo='percent+label')
-        fig_pie.update_layout(
-            font=dict(size=12),
-            legend=dict(orientation="h", yanchor="bottom", y=-0.5, xanchor="center", x=0.5),
-            height=700,  # 增加圖表高度
-            margin=dict(t=50, b=150, l=50, r=50)  # 增加上下左右邊距
-        )
-        st.plotly_chart(fig_pie, use_container_width=True)
+with tab1:
+    # 使用 plotly 創建圓餅圖
+    fig_pie = px.pie(
+        selected_df, 
+        names='公司名稱', 
+        values=column_choice, 
+        title=f"{dataset_choice} - {column_choice} 圓餅圖",
+        color_discrete_sequence=px.colors.qualitative.Pastel
+    )
+    
+    fig_pie.update_traces(textposition='inside', textinfo='percent+label')
+
+    # 將 legend 移到圖表的下方
+    fig_pie.update_layout(
+        font=dict(size=12),
+        legend=dict(
+            orientation="h",  # 橫向排列
+            yanchor="top",  # 固定在圖表的頂部
+            y=-0.3,  # 將 legend 移到圖表下方，調整這個值控制距離
+            xanchor="center", 
+            x=0.5
+        ),
+        height=700,  # 增加圖表高度
+        margin=dict(t=50, b=50, l=50, r=50)  # 邊距調整
+    )
+
+    st.plotly_chart(fig_pie, use_container_width=True)
+
     
     with tab2:
         # 使用 plotly 創建長條圖