From c3c43b0b84695462e3cc1d6ae288dfea80af53ad Mon Sep 17 00:00:00 2001
From: "qumeng039@126.com" <86925389+qumen@users.noreply.github.com>
Date: Fri, 8 Aug 2025 09:47:19 +0800
Subject: [PATCH] 1

---
 .../GroupEvolution/component/groupGraph.vue    | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/views/GroupEvolution/component/groupGraph.vue b/src/views/GroupEvolution/component/groupGraph.vue
index 65fb13a..239d6bd 100644
--- a/src/views/GroupEvolution/component/groupGraph.vue
+++ b/src/views/GroupEvolution/component/groupGraph.vue
@@ -6,7 +6,7 @@
       <TimeAxis
         v-if="timeList.length"
         :time-list="timeList"
-        :is-auto-play="isPlay"
+        :is-auto-play="false"
         :start-time="new Date(timeList[0])"
         :end-time="new Date(timeList[timeList.length - 1])"
         @click:pointerDown="handlePointerDown"
@@ -40,18 +40,18 @@ const defaultConfig = {
       show: true,
       font: "normal 14px KaiTi",
       color: "250,250,250",
-      textPosition: "Bottom_Center", //Middle_Center
+      textPosition: "Middle_Center", //Middle_Center
       textOffsetY: 10
     },
     shape: "circle",
-    size: 30,
+    size: 60,
     borderColor: "200,50,50",
     borderWidth: 0,
     selected: {
       borderWidth: 2,
       borderColor: "100,250,100",
       showShadow: true, // 是否展示阴影
-      shadowBlur: 10, //阴影范围大小
+      shadowBlur: 5, //阴影范围大小
       shadowColor: "50,250,30" // 选中是的阴影颜色
     }
   },
@@ -64,7 +64,7 @@ const defaultConfig = {
       background: "255,255,255" //文字背景色（设置后文字居中,一般与画布背景色一致）
     },
     lineType: "straight", // curver
-    showArrow: false,
+    showArrow: true,
     lineWidth: 2,
     colorType: "both",
     color: "240,240,240",
@@ -129,16 +129,18 @@ const registEvents = () => {
 }
 const runForceLayout = (layoutConfig, layoutType, isAsync) => {
   //执行异步布局计算
+
   graphVis.excuteWorkerLayout(
     graphVis.getGraphData(),
     layoutType,
     layoutConfig,
     isAsync,
     function () {
-      isPlay.value = true
-      graphVis.zoomFit() //布局结束缩放居中
+      // isPlay.value = true
+      graphVis.zoomFit() //场景视图大小自适应缩放
     }
   )
+  graphVis.hideIsolatedNodes() //隐藏孤立节点
 }
 // 根据节点的cluster属性进行分组
 const clusterAnalyze = () => {
@@ -171,6 +173,7 @@ const clusterAnalyze = () => {
     group.smoothPath = false //拟合平滑曲线（耗性能）
   })
   graphVis.autoGroupLayout(graphVis.nodes)
+  // graphVis.selectedEdge(graphVis.links[0])
 }
 
 const createGraph = () => {
@@ -203,7 +206,6 @@ const updateChart = (newGraphData) => {
   }
   graphVis.clearAll()
   graphVis.addGraph({ ...toRaw(newGraphData) })
-  graphVis.zoomFit()
   // 重新运行力导向布局
   clusterAnalyze()
   runForceLayout({ strength: -500, ajustCluster: true }, "simulation", true)