gx

src/view/echarts_sy/pie2.vue

@@ -25,7 +25,7 @@ const props = defineProps({
 });
 const data = reactive({
   list: [[140], [260], [330], [270]],
-  list1: [],
+  list1: "",
   year: [],
   option: {},
   totalMax: null,
@@ -39,20 +39,9 @@ const data = reactive({
 // const lb = ref(0);
 
 const getOption1 = () => {
-  // data.list = []
-  data.list.forEach((item,index) => {
-    data.list1.push([item]);
-  });
-  console.log(data.list,666);
-  // data.list.forEach((item,index) => {
-  //   data.total += item[index];
-  // }); //总数
-  // data.totalMax = data.total * 1.06; //上限
-  // data.lb = Math.trunc(data.total * 0.03);//取小数点后三位，得到下限
+  data.list = data.list1.map((item) => [item]);
 };
 const getOption = () => {
-  console.log(data.list, 111);
-  console.log(data.total, data.totalMax, data.lb, 222);
   data.option = {
     legend: {
       show: true,
@@ -159,7 +148,7 @@ const getOption = () => {
           normal: {
             show: true,
             position: ["35%", "-60%"],
-            formatter: `${Math.trunc((data.list[1][0] * 100) / data.total)}%`,
+            formatter: `${data.list[1][0]}%`,
             color: "#fff",
             fontSize: 22,
             fontWeight: 600,
@@ -191,7 +180,7 @@ const getOption = () => {
           normal: {
             show: true,
             position: ["35%", "-60%"],
-            formatter: `${Math.trunc((data.list[2][0] * 100) / data.total)}%`,
+            formatter: `${data.list[2][0]}%`,
             color: "#fff",
             fontSize: 22,
             fontWeight: 600,
@@ -223,7 +212,7 @@ const getOption = () => {
           normal: {
             show: true,
             position: ["35%", "-60%"],
-            formatter: `${Math.trunc((data.list[3][0] * 100) / data.total)}%`,
+            formatter: `${data.list[3][0]}%`,
             color: "#fff",
             fontSize: 22,
             fontWeight: 600,
@@ -249,7 +238,7 @@ const getOption = () => {
           color: "rgba(255,255,255,0.1)",
           barBorderRadius: [100, 100, 100, 100],
         },
-        data: ["2019"].map(() => 106),
+        data: ["2019"].map(() => 120),
         barWidth: 50,
       },
     ],
@@ -264,7 +253,7 @@ const setChart = () => {
 // 使用生命钩子
 onBeforeMount(() => {
   setTimeout(() => {
-    data.list = props.list;
+    data.list1 = props.list;
     getOption1();
     getOption();
     setChart();