Update app.py

app.py

@@ -2,44 +2,61 @@ import streamlit as st
 import yfinance as yf
 import plotly.graph_objects as go
 from plotly.subplots import make_subplots
+from datetime import datetime
 import pandas as pd
-from datetime import datetime, timedelta
+from streamlit_extras.metric_cards import style_metric_cards
 
+# 設定頁面
 st.set_page_config(
-    page_title="台灣股票比較分析工具",
+    page_title="台灣股票比較分析儀表板",
     page_icon="📈",
     layout="wide"
 )
 
-# 標題和說明
-st.title("台灣股票比較分析工具")
-st.markdown("這個應用程式可以比較多個台灣股票的價格趨勢和表現。輸入股票代號並選擇時間範圍來開始分析。")
-
-def get_stock_data(stock_ids, period="1y"):
-    """
-    獲取股票數據
-    
-    參數:
-    stock_ids (list): 股票代碼列表
-    period (str): 時間週期
-    
-    返回:
-    dict: 股票數據字典
-    """
+# 樣式設定
+st.markdown("""
+    <style>
+    .block-container {
+        padding-top: 2rem;
+        padding-bottom: 2rem;
+    }
+    .main-title {
+        font-size: 2.5rem;
+        font-weight: bold;
+        color: #2c3e50;
+    }
+    .sub-header {
+        font-size: 1.3rem;
+        color: #7f8c8d;
+        margin-bottom: 1.5rem;
+    }
+    </style>
+""", unsafe_allow_html=True)
+
+st.markdown('<div class="main-title">📊 台灣股票比較分析儀表板</div>', unsafe_allow_html=True)
+st.markdown('<div class="sub-header">視覺化多檔股票表現，洞察市場趨勢</div>', unsafe_allow_html=True)
+
+# 側邊欄設定
+with st.sidebar:
+    st.header("設定選項")
+    stock_input = st.text_input("輸入股票代碼 (以逗號分隔)", value="2330,2454", help="例如: 2330,2454,2317")
+    stock_ids = [s.strip() for s in stock_input.split(',') if s.strip()]
+
+    period = st.selectbox("選擇時間範圍", options=["1m", "3m", "6m", "1y", "2y", "5y"], index=3,
+        format_func=lambda x: {"1m": "1個月", "3m": "3個月", "6m": "6個月", "1y": "1年", "2y": "2年", "5y": "5年"}.get(x, x))
+
+    analyze_button = st.button("分析", type="primary", use_container_width=True)
+    st.markdown("🕒 資料更新時間: " + datetime.now().strftime("%Y-%m-%d %H:%M:%S"))
+
+def get_stock_data(stock_ids, period):
     stock_data = {}
-    
     with st.spinner("正在獲取股票數據..."):
         for stock_id in stock_ids:
             try:
-                # 確保台灣股票代碼格式正確
-                if stock_id.isdigit() or (len(stock_id) <= 4 and stock_id.split('.')[0].isdigit()):
-                    if '.' not in stock_id:
-                        stock_id = f"{stock_id}.TW"
-                
-                # 獲取股票數據
+                if stock_id.isdigit() and '.' not in stock_id:
+                    stock_id = f"{stock_id}.TW"
                 stock = yf.Ticker(stock_id)
                 hist = stock.history(period=period)
-                
                 if not hist.empty:
                     stock_data[stock_id] = hist
                     st.success(f"成功獲取 {stock_id} 的數據")
@@ -47,187 +64,81 @@ def get_stock_data(stock_ids, period="1y"):
                     st.error(f"未找到 {stock_id} 的數據")
             except Exception as e:
                 st.error(f"獲取 {stock_id} 數據時出錯: {str(e)}")
-    
     return stock_data
 
 def normalize_data(df):
-    """
-    將數據正規化，以便比較不同價格範圍的股票
-    
-    參數:
-    df (DataFrame): 包含收盤價的 DataFrame
-    
-    返回:
-    DataFrame: 正規化後的數據
-    """
     return df / df.iloc[0] * 100
 
 def plot_stock_comparison(stock_data):
-    """
-    使用 Plotly 繪製股票比較圖表
-    
-    參數:
-    stock_data (dict): 股票數據字典
-    """
     if not stock_data:
         st.warning("沒有可用的股票數據來繪製圖表")
         return
-    
-    # 創建圖表
-    fig = make_subplots(rows=2, cols=1, 
-                         shared_xaxes=True, 
-                         vertical_spacing=0.1,
-                         subplot_titles=("股價走勢比較", "正規化股價比較 (基準=100)"),
-                         row_heights=[0.6, 0.4])
-    
+
+    fig = make_subplots(rows=2, cols=1, shared_xaxes=True, vertical_spacing=0.1,
+        subplot_titles=("股價走勢比較", "正規化股價比較 (基準=100)"), row_heights=[0.6, 0.4])
+
     colors = ['blue', 'red', 'green', 'purple', 'orange']
     color_idx = 0
-    
-    # 用於正規化的數據
-    normalized_data = {}
-    
-    # 添加每個股票的數據到圖表
+
     for stock_id, data in stock_data.items():
-        # 確保數據不為空
         if data.empty:
             continue
-        
-        # 股票名稱顯示
-        display_name = stock_id
-        
-        # 獲取顏色
         color = colors[color_idx % len(colors)]
         color_idx += 1
-        
-        # 添加原始價格折線圖
-        fig.add_trace(
-            go.Scatter(
-                x=data.index,
-                y=data['Close'],
-                mode='lines',
-                name=f"{display_name}",
-                line=dict(color=color)
-            ),
-            row=1, col=1
-        )
-        
-        # 正規化數據
-        normalized = normalize_data(data['Close'])
-        normalized_data[stock_id] = normalized
-        
-        # 添加正規化折線圖
-        fig.add_trace(
-            go.Scatter(
-                x=data.index,
-                y=normalized,
-                mode='lines',
-                name=f"{display_name} (正規化)",
-                line=dict(color=color, dash='dot')
-            ),
-            row=2, col=1
-        )
-    
-    # 更新布局
-    fig.update_layout(
-        title="股票價格比較",
-        height=800,
-        legend=dict(
-            orientation="h",
-            yanchor="bottom",
-            y=1.02,
-            xanchor="right",
-            x=1
-        ),
-        template="plotly_white"
-    )
-    
-    # 更新Y軸標題
+
+        fig.add_trace(go.Scatter(x=data.index, y=data['Close'], mode='lines', name=stock_id, line=dict(color=color)), row=1, col=1)
+        fig.add_trace(go.Bar(x=data.index, y=data['Volume'], name=f"{stock_id} 成交量", marker_color=color, opacity=0.3), row=1, col=1)
+        fig.add_trace(go.Scatter(x=data.index, y=normalize_data(data['Close']), mode='lines', name=f"{stock_id} (正規化)", line=dict(color=color, dash='dot')), row=2, col=1)
+
+    fig.update_layout(title="股票價格比較圖表", height=800, legend=dict(orientation="h", yanchor="bottom", y=1.02, xanchor="right", x=1), template="plotly_white")
     fig.update_yaxes(title_text="價格 (TWD)", row=1, col=1)
     fig.update_yaxes(title_text="正規化價格 (基準=100)", row=2, col=1)
-    
-    # 顯示圖表
     st.plotly_chart(fig, use_container_width=True)
 
-# 側邊欄：股票選擇和參數設定
-with st.sidebar:
-    st.header("設定")
-    
-    # 股票選擇
-    st.subheader("選擇股票")
-    
-    default_stocks = ["2330", "2454"]
-    stock_input = st.text_input(
-        "輸入股票代碼 (以逗號分隔)",
-        value="2330,2454",
-        help="例如: 2330,2454,2317"
-    )
-    
-    # 解析股票代碼
-    stock_ids = [s.strip() for s in stock_input.split(',') if s.strip()]
-    
-    # 時間範圍選擇
-    st.subheader("時間範圍")
-    period = st.selectbox(
-        "選擇時間範圍",
-        options=["1m", "3m", "6m", "1y", "2y", "5y"],
-        index=3,  # 預設 1年
-        format_func=lambda x: {
-            "1m": "1個月", 
-            "3m": "3個月", 
-            "6m": "6個月", 
-            "1y": "1年", 
-            "2y": "2年", 
-            "5y": "5年"
-        }.get(x, x)
-    )
-    
-    analyze_button = st.button("分析", type="primary", use_container_width=True)
-
-# 主要內容區域
 if analyze_button or st.session_state.get('has_analyzed', False):
     st.session_state['has_analyzed'] = True
-    
-    # 檢查是否有輸入股票代碼
+
     if not stock_ids:
         st.error("請至少輸入一個股票代碼")
     elif len(stock_ids) > 5:
         st.warning("最多只能比較5個股票，已取前5個")
         stock_ids = stock_ids[:5]
-    else:
-        # 顯示所選的股票和時間範圍
-        st.markdown(f"### 分析 {', '.join(stock_ids)} 的股價表現")
-        st.markdown(f"時間範圍: {period}")
-        
-        # 獲取股票數據
-        stock_data = get_stock_data(stock_ids, period)
-        
-        if stock_data:
-            # 繪製比較圖表
+
+    st.markdown(f"### 分析 {', '.join(stock_ids)} 的股價表現")
+    st.markdown(f"時間範圍: {period}")
+    stock_data = get_stock_data(stock_ids, period)
+
+    if stock_data:
+        tab1, tab2 = st.tabs(["📈 價格趨勢圖", "📊 數據分析表"])
+
+        with tab1:
             plot_stock_comparison(stock_data)
-            
-            # 顯示數據表格
-            st.subheader("最近交易數據")
-            
+
+        with tab2:
             for stock_id, data in stock_data.items():
-                if not data.empty:
-                    st.markdown(f"**{stock_id} 最近價格**")
-                    # 顯示最近5個交易日的數據
-                    st.dataframe(data.tail(5))
-        else:
-            st.error("無法獲取股票數據，請檢查股票代碼是否正確")
+                st.markdown(f"#### {stock_id} 最近 5 日交易資料")
+                st.dataframe(data.tail(5))
+                latest_close = data['Close'].iloc[-1]
+                first_close = data['Close'].iloc[0]
+                pct_change = ((latest_close - first_close) / first_close) * 100
+                col1, col2, col3 = st.columns(3)
+                col1.metric("最新價格", f"{latest_close:.2f} TWD")
+                col2.metric("起始價格", f"{first_close:.2f} TWD")
+                col3.metric("報酬率", f"{pct_change:.2f}%", delta=f"{pct_change:.2f}%")
+                style_metric_cards()
+    else:
+        st.error("無法獲取股票數據，請檢查股票代碼是否正確")
 else:
-    # 首次載入時的說明
-    st.info("👈 請在左側設定要比較的股票和時間範圍，然後點擊「分析」按鈕開始分析")
-    
-    # 添加一些使用指南
+    st.info("👈 請在左側輸入股票代碼與時間範圍，然後點擊「分析」開始")
     st.markdown("""
-    ### 使用指南:
-    1. 在側邊欄輸入要比較的股票代碼（以逗號分隔）
-    2. 選擇要分析的時間範圍
-    3. 點擊「分析」按鈕查看結果
-    
-    ### 支援的功能:
-    - 同時比較多達5個股票的價格走勢
-    - 查看正規化後的價格比較（以便比較不同價格區間的股票）
-    - 選擇不同的時間範圍進行分析
-    """)
+    ### 使用說明
+    1. 在側邊欄輸入要比較的股票代碼（用逗號分隔）
+    2. 選擇分析的時間範圍
+    3. 點擊「分析」查看結果
+
+    ### 功能亮點
+    - 同時比較最多 5 支台灣股票走勢
+    - 股價與成交量視覺化
+    - 正規化股價比較（基準=100）
+    - 每支股票關鍵統計指標（報酬率、起始與最新價格）
+    """)