修改 echart样式

src/components/cockpit/indicatorDistribution/index.vue

@@ -189,18 +189,7 @@ const initProbabilityData = () => {
                         nameLocation: 'middle',
                        nameGap: 50,
                         data: ['0-20%', '20-40%', '40-60%', '60-80%', '80-100%'],
-                        axisLine: {
-                            lineStyle: {
-                                color: '#111'
-                            }
-                        },
-                        axisLabel: {
-                            color: '#111',
-                            margin: 15
-                        },
-                        nameTextStyle: {
-                            color: '#111'
-                        }
+                        
                     },
                     yAxis3D: {
                         type: 'category',
@@ -208,22 +197,9 @@ const initProbabilityData = () => {
                         nameLocation: 'middle',
                         nameGap: 50,
                         data: yAxisData,
-                        nameTextStyle: {
-                            color: '#111'
-                        },
-                        axisLine: {
-                            show: true,
-                            lineStyle: {
-                                color: '#111'
-                            }
-                        },
-                        axisLabel: {
-                            color: '#111',
-                            margin: 15
-                        },
+                     
                         splitLine: {
                             lineStyle: {
-                                color: ['#111'],
                                 type: 'dashed',
                                 opacity: 0.5
                             }
@@ -234,19 +210,8 @@ const initProbabilityData = () => {
                         name: '越限次数',
                         nameLocation: 'middle',
                         nameGap: 30,
-                        nameTextStyle: {
-                            color: '#111'
-                        },
-                        axisLine: {
-                            lineStyle: {
-                                color: '#111'
-                            }
-                        },
-                        axisLabel: {
-                            color: '#111'
-                        },
-                        min: 0,
-                        max: zAxisMax // 使用计算出的最大值加5
+                        minInterval: 10,
+                       
                         // max: 100
                     },
                     grid3D: {

src/components/cockpit/transientDistribution/index.vue

@@ -302,34 +302,17 @@ const tableStore: any = new TableStore({
                     type: 'category',
                     name: '特征幅值',
                     data: xLabels,
-                    axisLine: {
-                        lineStyle: {
-                            color: '#111'
-                        }
-                    },
-                    axisLabel: {
-                        color: '#111'
-                    }
+                      nameGap: 40,
+                   
                 },
                 yAxis3D: {
                     type: 'category',
                     name: '持续时间',
                     data: yLabels,
-                    nameTextStyle: {
-                        color: '#111'
-                    },
-                    axisLine: {
-                        show: true,
-                        lineStyle: {
-                            color: '#111'
-                        }
-                    },
-                    axisLabel: {
-                        color: '#111'
-                    },
+                     nameGap: 40,
+                  
                     splitLine: {
                         lineStyle: {
-                            color: ['#111'],
                             type: 'dashed',
                             opacity: 0.5
                         }
@@ -337,15 +320,16 @@ const tableStore: any = new TableStore({
                 },
                 zAxis3D: {
                     type: 'value',
-                    splitNumber: 10,
                     minInterval: 10,
-                    name: '暂态事件次数'
+                    name: '暂态事件次数',
+                       nameGap: 30,
                 },
                 grid3D: {
                     viewControl: {
                         projection: 'perspective',
                         distance: 250
                     },
+                     
                     boxWidth: 200,
                     boxDepth: 80,
                     light: {
@@ -369,20 +353,8 @@ const tableStore: any = new TableStore({
                                 borderWidth: 1
                             }
                         },
-                        itemStyle: {
-                            opacity: 1
-                        },
-                        emphasis: {
-                            label: {
-                                textStyle: {
-                                    fontSize: 20,
-                                    color: '#900'
-                                }
-                            },
-                            itemStyle: {
-                                color: '#900'
-                            }
-                        }
+                      
+                        
                     }
                 ]
             }

src/views/pqs/cockpit/homePage/index.vue

@@ -123,7 +123,8 @@ const dataList: any = ref({})
 // 获取主内容区域高度
 const getMainHeight = () => {
     const elMain = document.querySelector('.el-main') as HTMLElement | null
-    zoom.value =  layout.value.length==1?1: (elMain?.offsetHeight ?? 0) / 1080
+    zoom.value =
+        layout.value.length == 1 ? 1 : (elMain?.offsetHeight ?? 0) > 1080 ? 1 : (elMain?.offsetHeight ?? 0) / 1080
     // console.log('🚀 ~ getMainHeight ~ elMain:', elMain?.offsetHeight)
     return ((elMain?.offsetHeight || 0) - 70) / zoom.value
 }