From 0d3edd17368c64efa76f817a5109c80c02119c7a Mon Sep 17 00:00:00 2001
From: AIGC Developer <developer@aigc.com>
Date: Wed, 22 Oct 2025 09:27:34 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=97=A5=E6=B4=BB=E7=94=A8?=
 =?UTF-8?q?=E6=88=B7=E8=B6=8B=E5=8A=BF=E5=9B=BE=20-=20=E7=A1=AE=E4=BF=9D12?=
 =?UTF-8?q?=E4=B8=AA=E6=9C=88=E9=83=BD=E6=9C=89=E6=95=B0=E6=8D=AE=E7=82=B9?=
 =?UTF-8?q?=EF=BC=8C=E4=BD=BF=E7=94=A8=E5=B9=B3=E6=BB=91=E6=9B=B2=E7=BA=BF?=
 =?UTF-8?q?=E8=BF=9E=E6=8E=A5=E6=89=80=E6=9C=89=E7=82=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 demo/frontend/src/views/Home.vue | 31 +++++++++++++++++++------------
 1 file changed, 19 insertions(+), 12 deletions(-)

diff --git a/demo/frontend/src/views/Home.vue b/demo/frontend/src/views/Home.vue
index 6638cd6..1b7b503 100644
--- a/demo/frontend/src/views/Home.vue
+++ b/demo/frontend/src/views/Home.vue
@@ -110,35 +110,42 @@
           <div class="chart-container">
             <div class="line-chart">
               <!-- SVG 曲线图 -->
-              <svg width="100%" height="200" viewBox="0 0 800 200" class="chart-svg">
+              <svg width="100%" height="200" viewBox="0 0 840 200" class="chart-svg">
                 <!-- 网格线 -->
                 <defs>
-                  <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse">
-                    <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#e2e8f0" stroke-width="0.5"/>
+                  <pattern id="grid" width="60" height="40" patternUnits="userSpaceOnUse">
+                    <path d="M 60 0 L 0 0 0 40" fill="none" stroke="#e2e8f0" stroke-width="0.5"/>
                   </pattern>
                 </defs>
                 <rect width="100%" height="100%" fill="url(#grid)" />
                 
-                <!-- 数据曲线 -->
-                <path d="M 60,160 Q 120,140 180,120 T 300,80 T 420,100 T 540,60 T 660,80 T 740,70" 
+                <!-- 数据曲线 - 平滑连接12个月的数据点 -->
+                <path d="M 60,160 C 100,150 140,140 180,120 C 220,100 260,90 300,80 C 340,85 380,95 420,100 C 460,90 500,70 540,60 C 580,65 620,75 660,80 C 700,75 740,70 780,70" 
                       fill="none" 
                       stroke="#3b82f6" 
                       stroke-width="3" 
                       class="chart-line-path"/>
                 
-                <!-- 数据点 -->
+                <!-- 12个月的数据点 -->
                 <circle cx="60" cy="160" r="4" fill="#3b82f6" class="chart-dot"/>
-                <circle cx="120" cy="140" r="4" fill="#3b82f6" class="chart-dot"/>
+                <circle cx="100" cy="150" r="4" fill="#3b82f6" class="chart-dot"/>
+                <circle cx="140" cy="140" r="4" fill="#3b82f6" class="chart-dot"/>
                 <circle cx="180" cy="120" r="4" fill="#3b82f6" class="chart-dot"/>
-                <circle cx="240" cy="100" r="4" fill="#3b82f6" class="chart-dot"/>
+                <circle cx="220" cy="100" r="4" fill="#3b82f6" class="chart-dot"/>
+                <circle cx="260" cy="90" r="4" fill="#3b82f6" class="chart-dot"/>
                 <circle cx="300" cy="80" r="4" fill="#3b82f6" class="chart-dot"/>
-                <circle cx="360" cy="90" r="4" fill="#3b82f6" class="chart-dot"/>
+                <circle cx="340" cy="85" r="4" fill="#3b82f6" class="chart-dot"/>
+                <circle cx="380" cy="95" r="4" fill="#3b82f6" class="chart-dot"/>
                 <circle cx="420" cy="100" r="4" fill="#3b82f6" class="chart-dot"/>
-                <circle cx="480" cy="80" r="4" fill="#3b82f6" class="chart-dot"/>
+                <circle cx="460" cy="90" r="4" fill="#3b82f6" class="chart-dot"/>
+                <circle cx="500" cy="70" r="4" fill="#3b82f6" class="chart-dot"/>
                 <circle cx="540" cy="60" r="4" fill="#3b82f6" class="chart-dot"/>
-                <circle cx="600" cy="70" r="4" fill="#3b82f6" class="chart-dot"/>
+                <circle cx="580" cy="65" r="4" fill="#3b82f6" class="chart-dot"/>
+                <circle cx="620" cy="75" r="4" fill="#3b82f6" class="chart-dot"/>
                 <circle cx="660" cy="80" r="4" fill="#3b82f6" class="chart-dot"/>
-                <circle cx="720" cy="70" r="4" fill="#3b82f6" class="chart-dot"/>
+                <circle cx="700" cy="75" r="4" fill="#3b82f6" class="chart-dot"/>
+                <circle cx="740" cy="70" r="4" fill="#3b82f6" class="chart-dot"/>
+                <circle cx="780" cy="70" r="4" fill="#3b82f6" class="chart-dot"/>
                 
                 <!-- 高亮数据点 -->
                 <circle cx="300" cy="80" r="6" fill="#3b82f6" class="highlight-dot"/>