Update app.py

app.py

@@ -3,6 +3,7 @@ import pandas as pd
 import requests
 import json
 from io import StringIO
+import plotly.express as px  # 引入 Plotly 來繪製長條圖
 
 # 自訂 CSS 確保標題不換行並調整圖片大小
 st.markdown("""
@@ -49,11 +50,11 @@ col1, col2 = st.columns(2)
 with col1:
     if st.button("上一頁", disabled=st.session_state.page <= 0):
         st.session_state.page -= 1
-        st.rerun()  # 替換為 st.rerun()
+        st.rerun()
 with col2:
     if st.button("下一頁", disabled=st.session_state.page >= len(image_data) - 1):
         st.session_state.page += 1
-        st.rerun()  # 替換為 st.rerun()
+        st.rerun()
 
 # 顯示當前頁數
 st.write(f"頁面: {st.session_state.page + 1} / {len(image_data)}")
@@ -61,7 +62,7 @@ st.write(f"頁面: {st.session_state.page + 1} / {len(image_data)}")
 # 分隔線
 st.markdown("---")
 
-# 原始程式的其餘部分
+# 查詢數字的函數
 def process_number(number):
     """查詢特定數字並返回結果"""
     url = f"https://www.angio.net/newpi/piquery?q={number}"
@@ -156,6 +157,39 @@ def main():
                 file_name="processed_results.csv",
                 mime="text/csv"
             )
+
+            # 新增長條圖功能
+            st.subheader("查詢結果長條圖")
+            # 篩選有效數據（查詢結果不為 "數字不符規定" 且不為 None）
+            valid_df = df[df['查詢結果'].notna() & (df['查詢結果'] != "數字不符規定")].copy()
+            
+            if not valid_df.empty:
+                # 將查詢結果轉為數值型
+                valid_df['查詢結果'] = valid_df['查詢結果'].astype(float)
+                # 拼接姓名和幸運號碼作為橫軸標籤
+                valid_df['姓名_幸運號碼'] = valid_df['姓名'] + "_" + valid_df['幸運號碼']
+                # 按照查詢結果從大到小排序
+                valid_df = valid_df.sort_values(by='查詢結果', ascending=False)
+                
+                # 使用 Plotly 繪製長條圖
+                fig = px.bar(
+                    valid_df,
+                    x='姓名_幸運號碼',
+                    y='查詢結果',
+                    labels={'姓名_幸運號碼': '姓名與幸運號碼', '查詢結果': '查詢結果數值'},
+                    title="幸運數字查詢結果長條圖（按數值從大到小排序）"
+                )
+                # 調整圖表佈局
+                fig.update_layout(
+                    xaxis_title="姓名與幸運號碼",
+                    yaxis_title="查詢結果數值",
+                    xaxis_tickangle=-45,  # 旋轉橫軸標籤以避免重疊
+                    margin=dict(l=50, r=50, t=80, b=150)  # 增加底部邊距以顯示完整標籤
+                )
+                # 顯示圖表
+                st.plotly_chart(fig, use_container_width=True)
+            else:
+                st.warning("無有效的查詢結果可供繪製長條圖。請確認資料是否正確。")
                 
         except Exception as e:
             st.error(f"處理檔案時發生錯誤: {str(e)}")