feat(Analysis): 优化饼图组件功能和数据处理

-重构了饼图组件的逻辑，增加了维度数据处理和表格数据生成功能
- 优化了饼图数据格式化和更新机制，提高了图表的动态响应能力
- 新增了表格数据处理相关函数，提升了表格展示的灵活性和准确性- 调整了图表和表格的样式，增强了可视化效果

src/hooks/chart/data/pie.ts

@@ -11,18 +11,14 @@ const option = {
   //   orient: 'vertical',
   //   left: 'left'
   // },
+  label: {
+    formatter: '{b},{c}'
+  },
   series: [
     {
       name: 'Access From',
       type: 'pie',
-      radius: '50%',
-      data: [
-        { value: 1048, name: 'Search Engine' },
-        { value: 735, name: 'Direct' },
-        { value: 580, name: 'Email' },
-        { value: 484, name: 'Union Ads' },
-        { value: 300, name: 'Video Ads' }
-      ],
+      data: [],
       emphasis: {
         itemStyle: {
           shadowBlur: 10,
@@ -34,4 +30,4 @@ const option = {
   ]
 };
 
-export const pieOption = option;
+export const pieOption = option;

src/hooks/chart/usePieChart.ts

@@ -23,16 +23,24 @@ function useSetPieChart(
     // 在 dom 挂载之后，显示饼图
     chartInstance = chart.init(dom.value);
     pieOption.series = JSON.parse(JSON.stringify(series.value));
-
-    console.log(pieOption);
-
     // 设置图表选项
     chartInstance.setOption(pieOption, opts);
   });
 
   // 如果 data 变动，重新生成图表w
   watch(series, (value) => {
-    chartInstance.setOption(value, opts);
+    console.log(value);
+
+    const currentOptions = chartInstance.getOption();
+
+    // 合并新的 series 数据到现有配置中
+    chartInstance.setOption(
+      {
+        ...currentOptions,
+        series: JSON.parse(JSON.stringify(value)) // 确保深拷贝防止引用污染
+      },
+      opts
+    );
   });
 }