From 079a589510f0bb4171fcdefc558aeb97afbb72b5 Mon Sep 17 00:00:00 2001
From: Huangzhe <huang.ze@ebiz-digits.com>
Date: Tue, 27 May 2025 18:11:04 +0800
Subject: [PATCH] =?UTF-8?q?fix(Analysis):=20=E4=BF=AE=E5=A4=8D=E9=A5=BC?=
 =?UTF-8?q?=E5=9B=BE=E6=95=B0=E6=8D=AE=E5=B1=95=E7=A4=BA=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 调整饼图数据处理逻辑，确保空数据不被展示
-优化 NPS 和 5 点量表的饼图数据处理方式
- 使用 nextTick 确保图表在数据更新后正确渲染
---
 src/components/Analysis/Index.vue | 20 ++++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/components/Analysis/Index.vue b/src/components/Analysis/Index.vue
index b622544..177b093 100644
--- a/src/components/Analysis/Index.vue
+++ b/src/components/Analysis/Index.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, ref, useTemplateRef, watch } from 'vue';
+import { computed, nextTick, ref, useTemplateRef, watch } from 'vue';
 import { useSetPieChart } from '@/hooks/chart/usePieChart';
 import {
   formatData,
@@ -11,6 +11,7 @@ import EmptyContainer from '@/views/Survey/components/EmptyContainer.vue';
 const tableData = ref([]);
 const analysis = defineModel<any>('analysis');
 
+const pieChart = useTemplateRef<HTMLSpanElement>('pieChart');
 // series 信息
 const series = ref([]);
 const dimension = defineModel('dimension');
@@ -50,10 +51,12 @@ watch(
     series.value = formatData(dimension.value ? tableData.value : analysis.value, index.value);
     // console.log(`series value`, series.value);
 
-    const pieChart = useTemplateRef<HTMLSpanElement>('pieChart');
+    if (!series.value.data?.length) return;
+    console.log(`series.value.data`, series.value.data);
 
-    if (!series.value?.data?.length) return;
-    useSetPieChart(pieChart, series, { title: false, legend: false });
+    nextTick(() => {
+      useSetPieChart(pieChart, series, { title: false, legend: false });
+    });
   },
   { immediate: true }
 );
@@ -94,6 +97,15 @@ const chartVisible = computed(() => {
     //     return true;
     //   }
     // });
+  } else if (analysis.value.question_type === 106 || analysis.value.question_type === 5) {
+    const data = series.value?.data as { name: any; value: any }[];
+    console.log(`series.value on nps`, series.value?.data);
+
+    const filterData = data.filter((item) => item.value && Number(item.value) > 0);
+    console.log(`filterData`, filterData);
+
+    return filterData.length;
+    // console.log(`series.value on nps`, series.value?.data);
   }
 
   return series.value?.data?.length;