gx

src/view/echart_analyze/pie3dMt1.vue

@@ -1,8 +1,5 @@
 <template>
-  <div
+  <div ref="chart" style="width: 50%; height: 230px"></div>
-    ref="chart"
-    style="width: 50%; height: 230px"
-  ></div>
 </template>
 
 <script setup>
@@ -261,6 +258,7 @@ function getPie3D(pieData, internalDiameterRatio) {
         }
       },
     },
+
     //移动上去提示的文本内容
     tooltip: {
       backgroundColor: "rgba(18, 55, 85, 0.8);",
@@ -287,6 +285,23 @@ function getPie3D(pieData, internalDiameterRatio) {
         }
       },
     },
+    label: {
+      show: true,
+      //   position: "outside",
+      // padding: [30, -180],
+      formatter: function (pieData) {
+        console.log("optionsData", pieData);
+        return (
+          "{name|" +
+          pieData.name +
+          "}" +
+          "{vlaueA|" +
+          pieData.value +
+          "亿元" +
+          "}"
+        );
+      },
+    },
     xAxis3D: {},
     yAxis3D: {},
     zAxis3D: {},
@@ -552,9 +567,9 @@ onBeforeMount(() => {
   setTimeout(() => {
     // data.list = props.list;
     data.list = {
-      gxy:"1500",
+      gxy: "1500",
-      notGxy:"1610",
+      notGxy: "1610",
-    }
+    };
     pieData[0].value = data.list.gxy;
     pieData[1].value = data.list.notGxy;