修改样式

src/components/chart/chart210323/monthIncome.vue

@@ -26,6 +26,7 @@ export default {
   methods: {
     initChart() {
       const max = Math.max(...this.data.data.map(item => item.value))
+      const _this = this
       this.option = {
         angleAxis: {
           show: false,
@@ -38,10 +39,21 @@ export default {
           bottom: '0%'
         },
         radiusAxis: {
-          show: false,
+          // show: false,
           type: 'category',
           data: this.data.projectName,
           z: 10,
+          axisLabel: {
+            show: true,
+            fontSize: 10,
+            interval: 0,
+            formatter: function (value) {
+              const fIndex = _this.data.projectName.findIndex(item => {
+                return item === value
+              })
+              return fIndex === 0 ? '' : `${value}（${(_this.data.data[fIndex].value / 10000).toFixed(2)}万）`
+            }
+          },
           axisLine: {
             show: false
           },

src/pages/chart/chart-210323.vue

@@ -12,7 +12,7 @@
                 </div>
               </div>
             </div>
-            <div class="tagging-box">
+            <!-- <div class="tagging-box">
               <ul class="tips-box">
                 <template v-for="(item, index) in tipsData">
                   <li :key="index">
@@ -21,7 +21,7 @@
                   </li>
                 </template>
               </ul>
-            </div>
+            </div> -->
           </card>
         </div>
         <div class="chart-l-c">
@@ -274,11 +274,11 @@ export default {
           position: absolute;
           // bottom: 4.5%;
           top: 50%;
-          right: 5%;
+          left: 50%;
           width: 50%;
           height: 0;
           padding-bottom: 50%;
-          transform: translateY(-50%);
+          transform: translate(-50%, -50%);
           .circle-bg{
             background: url(https://zws-imgs-pub.ezijing.com/static/public/052fbafd85745805c6e0de2f7b0fca17.png);
             background-size: 100% 100%;