update

src/components/body-d-left/bodyLeftHooks.ts

@@ -1,5 +1,6 @@
 import { ref, unref } from 'vue';
 import * as echarts from 'echarts';
+import { emptyChart } from '/@/utils/utils.ts';
 
 //服务详情数据弹窗参数
 export enum ServerDetailType {
@@ -205,8 +206,24 @@ const radarChartsTheme = {
  * @param countList:数据项
  */
 export const radarCharts = ({ indicator, countList, theme }) => {
+    if (!countList?.length) {
+        return emptyChart();
+    }
     const { radarName, splitLine, axisName, areaStyle, lineStyle, itemStyle } = radarChartsTheme[theme] || radarChartsTheme.dark;
     return {
+        noDataLoadingOption: {
+            text: '暂无数据',
+            effect: 'whirling',
+            effectOption: {
+                period: 3,
+                radius: 10,
+                frame: 3,
+            },
+            textStyle: {
+                color: '#333',
+                fontSize: 16,
+            },
+        },
         grid: {
             top: '1%',
             left: '5%',