饼图优化

src/views/lll/NYJCD/SCX1.vue

@@ -1178,8 +1178,12 @@ export default {
           lineHeight: 20,
         },
         labelLine: {
-          length: 60,
+          length: 100,
-          length2: 60,
+          length2: 100,
+          lineStyle: {
+            color: "#fff", // 标签线颜色
+            width: 3, // 标签线宽度
+          },
         },
         startAngle: -30, //起始角度，支持范围[0, 360]。
         clockwise: false, //饼图的扇区是否是顺时针排布。上述这两项配置主要是为了对齐3d的样式
@@ -1197,7 +1201,6 @@ export default {
             color: "#7BC0CB",
           },
         },
-
         label: {
           show: true,
           color: "#",
@@ -1215,10 +1218,11 @@ export default {
           rich: {
             name: {
               fontSize: 24,
+              color: "#01CCDC",
             },
             colors: {
-              fontSize: 30,
+              fontSize: 40,
-              color: "#fff",
+              color: "#01CCDC",
               fontWeight: 700,
             },
           },
@@ -1240,11 +1244,10 @@ export default {
           boxHeight: 20, // 三维笛卡尔坐标系在三维场景中的高度
           left: "-15%",
           top: "10%",
-          distance: 800,
           viewControl: {
-            alpha: 40,
+            alpha: 25,
-            beta: 40,
+            beta: 60,
-            distance: 800, //调整视角到主体的距离，类似调整zoom
+            distance: 300, //调整视角到主体的距离，类似调整zoom
             rotateSensitivity: 0, // 设置为0无法旋转
             zoomSensitivity: 0, // 设置为0无法缩放
             panSensitivity: 0, // 设置为0无法平移
@@ -1535,14 +1538,13 @@ export default {
 };
 </script>
 <style scoped lang="less">
-//饼图底座（我也想给你们底座图片 可是我不知道咋给）
 .buttomCharts {
   background: center top url("../../../assets/img/底盘.png") no-repeat;
   background-size: 100% 100%;
-  height: 280px;
+  height: 300px;
-  width: 600px;
+  width: 700px;
   margin-top: -300px;
-  margin-left: 22%;
+  margin-left: 18%;
 }
 
 .box {