From 339e4507a90653112af866abcb2f992ee5353647 Mon Sep 17 00:00:00 2001
From: wjf <765010662@qq.com>
Date: Wed, 18 Jun 2025 15:15:19 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E9=AB=98=E4=BA=AE=E8=8A=82=E7=82=B9?=
 =?UTF-8?q?=E6=96=B9=E6=B3=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package-lock.json |  2 +-
 src/views/App.vue | 26 +++++++++++++++++++++++++-
 2 files changed, 26 insertions(+), 2 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 6defbcf..2a7ac08 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -3100,4 +3100,4 @@
       "license": "0BSD"
     }
   }
-}
+  }
diff --git a/src/views/App.vue b/src/views/App.vue
index e97553e..c94a806 100644
--- a/src/views/App.vue
+++ b/src/views/App.vue
@@ -6,7 +6,7 @@
 </script> -->
 
 <template>
-  <div style="width: 100%; height: 100%">
+  <div style="width: 100%; height: 100%;">
     <div class="graph-box" id="graph-container"></div>
     <div class="slider-box">
       <el-slider v-model="state.sliderValue" @input="sliderChange" :marks="state.marks" />
@@ -137,6 +137,30 @@ const createGraph = (data) => {
   state.graph = graph
 }
 
+/**
+ * 高亮节点
+ * @param id 节点id
+ */
+const highlightNode = (id) => {
+  state.graph.getNodes().forEach((node) => {
+    state.graph.clearItemStates(node, "selected");
+  });
+  let node = state.graph.findById(id);
+  state.graph.updateItem(node, {
+    size: 80,
+    labelCfg: {
+      style: {
+        fill: "red",
+      },
+    },
+    style: {
+      stroke: "blue",
+      fill: "yellow",
+      shadowBlur: 10,
+    }
+  });
+}
+
 onMounted(() => {
   getData('2024-01-03')
 })