首页样式排版

src/views/yingji/echarts/finishRate.vue

@@ -87,11 +87,11 @@ export default {
           trigger: "item",
         },
         legend: {
-          width: "40%",
+          width: "45%",
           top: "25%",
-          right: "10%",
+          right: "8%",
           orient: "horizontal",
-          itemGap: 27,
+          itemGap:30,
           itemWidth: 10,
           itemHeight: 10,
           icon: "circle",
@@ -99,20 +99,21 @@ export default {
             rich: {
               a: {
                 color: "#525966",
-                width: 40,
+                width: 60,
-                padding: [0, 10, 0, 5],
+                padding: [0, 0, 0, 5],
               },
               b: {
                 color: "#495B7D",
                 fontWeight: "bold",
-                padding: [0, 0, 0, 10],
+                // width: 60,
+                // padding: [0, 0, 0, 10],
               },
             },
           },
           formatter: function (name) {
             const item = option.legend.data.find((item) => item.name === name);
             // return `{a|${name}}{b|${( item.value / arrA * 100)}%}`;
-            return `{a|${name}}{b|${item.pt * 100}%}`;
+            return `{a|${name}}{b|${(item.pt * 100).toFixed(2)}%}`;
           },
           //将waiyuan的数据拿过来,就会只显示该外圆的数据
           // data: [