Update app.py

app.py

@@ -30,7 +30,7 @@ TAIWAN_STOCKS = {
     '慧洋-KY': '2637.TW',
     '上銀': '2049.TW',
     '台泥': '1101.TW',
-    '譜瑞-KY': '4966.TWO',
+    '譜瑞-KY': '4966.TW',
     '貿聯-KY': '3665.TW'
 }
 
@@ -50,7 +50,7 @@ INDUSTRY_MAPPING = {
     '2637.TW': '散裝航運',
     '2049.TW': '工具機',
     '1101.TW': '營建',
-    '4966.TWO': '高速傳輸',
+    '4966.TW': '高速傳輸',
     '3665.TW': '連接器'
 }
 
@@ -332,7 +332,7 @@ app.layout = html.Div([
                 options=[{'label': name, 'value': symbol} for name, symbol in TAIWAN_STOCKS.items()],
                 value='2330.TW',  # 預設改為台積電
                 style={'margin-bottom': '10px'}
-            )]
+            )
         ], style={'width': '30%', 'display': 'inline-block', 'vertical-align': 'top'}),
 
         html.Div([
@@ -376,7 +376,10 @@ app.layout = html.Div([
                 dcc.Graph(id='price-chart')
             ], style={'margin-bottom': '20px'}),
 
-            
+            html.Div([
+                dcc.Graph(id='rsi-chart')
+            ])
+        ], style={'width': '65%', 'display': 'inline-block', 'vertical-align': 'top'}),
 
         # 右側：分析資訊面板
         html.Div([
@@ -384,7 +387,19 @@ app.layout = html.Div([
         ], style={'width': '33%', 'display': 'inline-block', 'margin-left': '2%', 'vertical-align': 'top'})
         ]),
 
-        # 技術指標選擇區域
+         # 新增：成交量分佈圖 (Volume Profile)
+        html.Div([
+            html.H3("📊 成交量分佈圖 (Volume Profile)"),
+            dcc.Graph(id='volume-profile-chart')
+        ], style={
+            'margin-top': '30px',
+            'padding': '20px',
+            'background': 'white',
+            'border-radius': '10px',
+            'box-shadow': '0 2px 10px rgba(0,0,0,0.1)'
+        }),
+
+    # 技術指標選擇區域
     html.Div([
         html.H3("📊 進階技術指標分析", style={'margin-bottom': '20px'}),
         html.Div([
@@ -414,22 +429,6 @@ app.layout = html.Div([
         'box-shadow': '0 2px 10px rgba(0,0,0,0.1)'
     }),
 
-
-
-    
-         # 新增：成交量分佈圖 (Volume Profile)
-        html.Div([
-            html.H3("📊 成交量分佈圖 (Volume Profile)"),
-            dcc.Graph(id='volume-profile-chart')
-        ], style={
-            'margin-top': '30px',
-            'padding': '20px',
-            'background': 'white',
-            'border-radius': '10px',
-            'box-shadow': '0 2px 10px rgba(0,0,0,0.1)'
-        }),
-
-
     # 成交量圖
     html.Div([
         dcc.Graph(id='volume-chart')
@@ -783,7 +782,38 @@ def update_price_chart(selected_stock, period, chart_type):
 
     return fig
 
+# 更新RSI圖表（保持兼容性）
+@app.callback(
+    dash.dependencies.Output('rsi-chart', 'figure'),
+    [dash.dependencies.Input('stock-dropdown', 'value'),
+     dash.dependencies.Input('period-dropdown', 'value')]
+)
+def update_rsi_chart(selected_stock, period):
+    data = get_stock_data(selected_stock, period)
+    if data.empty:
+        return {}
 
+    data = calculate_technical_indicators(data)
+
+    fig = go.Figure()
+    fig.add_trace(go.Scatter(x=data.index, y=data['RSI'], mode='lines', name='RSI', line=dict(color='purple', width=2)))
+    fig.add_hline(y=70, line_dash="dash", line_color="red", annotation_text="超買線(70)")
+    fig.add_hline(y=30, line_dash="dash", line_color="green", annotation_text="超賣線(30)")
+    fig.add_hline(y=50, line_dash="dot", line_color="gray", annotation_text="中線(50)")
+
+    # 添加超買超賣區域背景
+    fig.add_hrect(y0=70, y1=100, fillcolor="red", opacity=0.1, annotation_text="超買區")
+    fig.add_hrect(y0=0, y1=30, fillcolor="green", opacity=0.1, annotation_text="超賣區")
+
+    fig.update_layout(
+        title='RSI 相對強弱指標',
+        xaxis_title='日期',
+        yaxis_title='RSI',
+        height=400,
+        yaxis=dict(range=[0, 100])
+    )
+
+    return fig
 
 # 新增：進階技術指標圖表
 @app.callback(