From a4192659d185b400304d2139267d4a0a8aafc18e Mon Sep 17 00:00:00 2001
From: SikongJueluo <selfconfusion@gmail.com>
Date: Tue, 29 Jul 2025 15:06:36 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96debugger=E6=B3=A2?=
 =?UTF-8?q?=E5=BD=A2=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/WaveformDisplay/WaveformDisplay.vue | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/components/WaveformDisplay/WaveformDisplay.vue b/src/components/WaveformDisplay/WaveformDisplay.vue
index d443c08..3650595 100644
--- a/src/components/WaveformDisplay/WaveformDisplay.vue
+++ b/src/components/WaveformDisplay/WaveformDisplay.vue
@@ -123,7 +123,7 @@ const option = computed((): EChartsOption => {
   const xAxis: XAXisOption[] = [
     {
       type: "category",
-      boundaryGap: false,
+      boundaryGap: true,
       data: analyzer.logicData.value.x.map((x) => x.toFixed(3)),
       axisLabel: {
         formatter: (value: string) =>
@@ -258,6 +258,11 @@ const option = computed((): EChartsOption => {
             width: 2,
             color: channel.color,
           },
+          areaStyle: {
+            opacity: 0.3,
+            origin: displayIndex * channelSpacing + 0.5,
+            color: channel.color,
+          },
           symbol: "none",
           sampling: "lttb",
           animation: false,
@@ -283,6 +288,11 @@ const option = computed((): EChartsOption => {
             width: 2,
             color: channel.color,
           },
+          areaStyle: {
+            opacity: 0.3,
+            origin: displayIndex * channelSpacing + 0.5,
+            color: channel.color,
+          },
           symbol: "none",
           sampling: "lttb",
           animation: false,