From 972d6764a9ea4a2f4c8f0435e16f11edff98ddac Mon Sep 17 00:00:00 2001
From: tbphp <admin@tbphp.net>
Date: Sat, 19 Jul 2025 18:50:53 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=8A=98=E7=BA=BF=E5=9B=BE0=E5=80=BC?=
 =?UTF-8?q?=E8=BF=9E=E7=BA=BF=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/components/LineChart.vue | 48 +++++++++++++++++++++-----------
 1 file changed, 32 insertions(+), 16 deletions(-)

diff --git a/web/src/components/LineChart.vue b/web/src/components/LineChart.vue
index e9401b8..96ef0d5 100644
--- a/web/src/components/LineChart.vue
+++ b/web/src/components/LineChart.vue
@@ -115,7 +115,7 @@ const getYPosition = (value: number) => {
   return padding.top + (1 - ratio) * plotHeight;
 };
 
-// Helper to find segments of non-zero data
+// Helper to find segments of non-zero data (用于填充区域)
 const getSegments = (data: number[]) => {
   const segments: Array<Array<{ value: number; index: number }>> = [];
   let currentSegment: Array<{ value: number; index: number }> = [];
@@ -138,25 +138,41 @@ const getSegments = (data: number[]) => {
   return segments;
 };
 
-// 生成线条路径（处理零值点）
+// 生成线条路径（连续线条，包括0值点）
 const generateLinePath = (data: number[]) => {
-  const segments = getSegments(data);
-  const pathParts: string[] = [];
+  if (data.length === 0) {
+    return "";
+  }
 
-  segments.forEach(segment => {
-    if (segment.length > 1) {
-      const segmentPath = segment
-        .map((point, pointIndex) => {
-          const x = getXPosition(point.index);
-          const y = getYPosition(point.value);
-          return `${pointIndex === 0 ? "M" : "L"} ${x},${y}`;
-        })
-        .join(" ");
-      pathParts.push(segmentPath);
+  // 找到第一个和最后一个非0值的位置
+  let firstNonZeroIndex = -1;
+  let lastNonZeroIndex = -1;
+
+  for (let i = 0; i < data.length; i++) {
+    if (data[i] > 0) {
+      if (firstNonZeroIndex === -1) {
+        firstNonZeroIndex = i;
+      }
+      lastNonZeroIndex = i;
     }
-  });
+  }
 
-  return pathParts.join(" ");
+  // 如果没有非0值，返回空路径
+  if (firstNonZeroIndex === -1) {
+    return "";
+  }
+
+  // 生成连续的路径，从第一个非0值到最后一个非0值
+  const pathCommands: string[] = [];
+
+  for (let i = firstNonZeroIndex; i <= lastNonZeroIndex; i++) {
+    const x = getXPosition(i);
+    const y = getYPosition(data[i]);
+    const command = i === firstNonZeroIndex ? "M" : "L";
+    pathCommands.push(`${command} ${x},${y}`);
+  }
+
+  return pathCommands.join(" ");
 };
 
 // 生成填充区域路径（只为有数据的区域填充）