update

src/components/projectRanking.vue

@@ -27,7 +27,7 @@ export default {
       })
       const option = {
         // tooltip: { trigger: 'axis', axisPointer: { type: 'none' } },
-        grid: { left: '45px', right: '40px', top: 0, bottom: 0 },
+        grid: { left: '45px', right: '10px', top: 0, bottom: 0 },
         xAxis: { show: false, textAlign: 'left' },
         yAxis: {
           type: 'category',

src/components/yearIncome.vue

@@ -46,7 +46,7 @@ export default {
         tooltip: { trigger: 'item' },
         legend: {
           orient: 'vertical',
-          left: this.height + 30,
+          left: this.height,
           top: 'middle',
           itemWidth: 10,
           itemHeight: 10,
@@ -60,15 +60,14 @@ export default {
             radius: ['60%', '90%'],
             left: '0',
             width: this.height - 20,
-            // height: this.height,
             stillShowZeroSum: false,
             avoidLabelOverlap: false,
             zlevel: 1,
-            label: { formatter: '{d}%', color: '#fff' },
-            labelLayout({ dataIndex }) {
+            label: { formatter: '{d}%', color: '#fff', show: false },
+            labelLayout: ({ dataIndex }) => {
               return {
-                x: 340,
-                y: `${dataIndex * 25 + 30}`,
+                x: this.height + 100,
+                y: `${dataIndex * 20 + 30}`,
                 verticalAlign: 'middle',
                 align: 'left'
               }