Update app.py

app.py

@@ -62,8 +62,7 @@ def load_champion_models():
                  "Hãy đảm bảo 5 file .pkl nằm trong thư mục 'models/'.")
         return []
 
-@st.cache_data
-def load_performance_data(file_path="data/final_5_day_results_df.csv"):
+@st.cache_datadef load_performance_data(file_path="data/final_5_day_results_df.csv"):
     """Tải dữ liệu hiệu suất đã tính toán trước cho Tab 3."""
     try:
         df = pd.read_csv(file_path)
@@ -211,15 +210,17 @@ elif app_section == "Live 5-Day Forecast":
             # Lấy giá trị thực tế để so sánh
             actual_values = y_test.loc[selected_date_ts].values
             
+            # --- ÁP DỤNG LOGIC (1) TỪ CODE THAM KHẢO ---
+            # Kiểm tra xem có bất kỳ giá trị 'Actual' nào bị thiếu không
+            is_partial_forecast = any(pd.isna(v) for v in actual_values)
+            # ----------------------------------------------
+
             for i in range(5):
                 with cols[i]:
                     
-                    # --- SỬA LỖI 1: KIỂM TRA NaN CHO ACTUAL VALUE ---
+                    # --- SỬA LỖI 1 (TINH CHỈNH): Sử dụng logic pd.notna từ code tham khảo ---
                     actual_val = actual_values[i]
-                    if pd.isna(actual_val):
-                        delta_text = "Actual: --"
-                    else:
-                        delta_text = f"Actual: {actual_val:.1f}°C"
+                    delta_text = f"Actual: {actual_val:.1f}°C" if pd.notna(actual_val) else "Actual: --"
                     # --- KẾT THÚC SỬA LỖI 1 ---
 
                     st.metric(
@@ -286,6 +287,39 @@ elif app_section == "Live 5-Day Forecast":
                 template="plotly_white", legend=dict(x=0.01, y=0.99)
             )
             st.plotly_chart(fig, use_container_width=True)
+
+
+            # --- ÁP DỤNG LOGIC (2) TỪ CODE THAM KHẢO ---
+            st.subheader("5-Day Forecast vs. Actual Comparison")
+
+            if is_partial_forecast:
+                st.info("Không thể vẽ biểu đồ so sánh Actual vs. Forecast vì "
+                        "đã chọn ngày quá gần cuối test set (thiếu dữ liệu 'thực tế').")
+            else:
+                fig_comp = go.Figure()
+                
+                # Add Forecast trace
+                fig_comp.add_trace(go.Scatter(
+                    x=forecast_dates, y=predictions,
+                    mode='lines+markers', name='5-Day Forecast',
+                    line=dict(color='red', dash='dot')
+                ))
+                
+                # Add Actual trace
+                fig_comp.add_trace(go.Scatter(
+                    x=forecast_dates, y=actual_values,
+                    mode='lines+markers', name='5-Day Actual',
+                    line=dict(color='blue')
+                ))
+                
+                fig_comp.update_layout(
+                    title="5-Day Forecast vs. Actual Values",
+                    xaxis_title="Date", yaxis_title="Temperature (°C)",
+                    template="plotly_white", legend=dict(x=0.01, y=0.99)
+                )
+                st.plotly_chart(fig_comp, use_container_width=True)
+            # --- KẾT THÚC ÁP DỤNG LOGIC (2) ---
+
     else:
         st.warning("Vui lòng đợi... Đang tải dữ liệu hoặc mô hình.")