Update app.py

app.py

@@ -3,18 +3,27 @@ import pandas as pd
 import plotly.graph_objects as go
 import os
 from zipfile import ZipFile
-from io import StringIO
-import cairosvg
+
+try:
+    import kaleido
+except ImportError:
+    st.error("請安裝 'kaleido' 套件以啟用圖像導出功能：\n\n    $ pip install kaleido")
 
 
 def load_data(uploaded_file):
     """載入並處理CSV檔案"""
     try:
+        # 直接載入檔案
         df = pd.read_csv(uploaded_file, encoding='utf-8')
-        df = df.dropna(how='all')  # 移除空白列
+
+        # 移除空白列
+        df = df.dropna(how='all')
+
+        # 將數值欄位轉換為數字類型
         numeric_columns = ['平均', '總分', '國文', '英文', '數學', '自科', '社會', '地理', '歷史', '公民']
         for col in numeric_columns:
             df[col] = pd.to_numeric(df[col], errors='coerce')
+
         return df
     except Exception as e:
         st.error(f"載入檔案時發生錯誤：{e}")
@@ -40,24 +49,23 @@ def create_radar_chart(df, selected_rows, selected_columns):
                 color=colors[i % len(colors)],
                 dash=line_styles[i % len(line_styles)],
                 width=2
-            )
+            ),
+            marker=dict(opacity=0.5)  # 增加透明度
         ))
 
     fig.update_layout(
         polar=dict(
             radialaxis=dict(
                 visible=True,
-                range=[0, 100],
-                tickvals=[0, 20, 40, 60, 80, 100],
-                tickfont=dict(size=12, color='black')  # 修改尺度標註字體顏色為黑色
+                range=[0, df[selected_columns].values.max() * 1.1]
             ),
             angularaxis=dict(
-                tickfont=dict(size=14, color='black')  # 修改角度標註字體顏色為黑色
+                tickfont=dict(size=16, color='black')  # 放大字體，顏色為黑色
             )
         ),
         showlegend=True,
         legend=dict(
-            font=dict(size=14, color='black')  # 圖例文字顏色和大小
+            font=dict(size=14, color='black')  # 圖例文字加大並改為黑色
         ),
         title='學生成績雷達圖',
         plot_bgcolor='white',  # 背景為白色
@@ -79,17 +87,15 @@ def save_all_radar_charts(df, selected_columns, comparison_rows):
 
         fig = create_radar_chart(df, [student] + comparison_rows, selected_columns)
 
-        # 生成 HTML 並提取 SVG 內容
-        html_buffer = StringIO()
-        fig.write_html(html_buffer)  # 將圖表儲存為 HTML
-        html_content = html_buffer.getvalue()
-        svg_start = html_content.find('<svg')
-        svg_end = html_content.find('</svg>') + len('</svg>')
-        svg_content = html_content[svg_start:svg_end]
-
-        # 使用 cairosvg 直接轉換 SVG 為 PNG
-        png_path = os.path.join(output_dir, f"{student}_comparison.png")
-        cairosvg.svg2png(bytestring=svg_content.encode('utf-8'), write_to=png_path)
+        # 在這裡更新字型
+        fig.update_layout(
+            font=dict(
+                family="Microsoft JhengHei, Noto Sans CJK, Arial"
+            )
+        )
+
+        file_path = os.path.join(output_dir, f"{student}_comparison.png")
+        fig.write_image(file_path, engine="kaleido")
 
     # 壓縮所有圖表
     zip_path = "radar_charts.zip"