统计

src/views/dataChart/claimStatistics/index.vue

@@ -19,18 +19,20 @@ export default {
   },
   methods: {
     assignFn (data) {
-      Object.assign(data.series[0], {
-        label: {
-          show: true,
-          formatter: (v) => {
-            return `${v.name}\n\n绩效金额：${v.value} 元`
+      data.series.forEach((item) => {
+        Object.assign(item, {
+          label: {
+            show: true,
+            formatter: (v) => {
+              return ` ${v.name}：${v.value} 元`
+            }
+          },
+          breadcrumb: {
+            show: true,
+            left: 'left',
+            top: 'top'
           }
-        },
-        breadcrumb: {
-          show: true,
-          left: 'left',
-          top: 'top'
-        }
+        })
       })
       return {
         ...data

src/views/dataChart/performanceAnalysis/index.vue

@@ -1,11 +1,10 @@
 <template>
   <div class="pa-3 white">
     <m-search class="mb-3" :items="searchItems" v-model="searchValues" @search="onSearch"></m-search>
-    <m-card v-loading="loading">
-      <m-empty v-if="!Object.keys(option).length"></m-empty>
-      <AnalysisChart v-else class="mb-3" :option="option" height="800"></AnalysisChart>
+    <m-card v-if="!Object.keys(option).length">
+      <m-empty></m-empty>
     </m-card>
-    <!-- <AnalysisPage class="white pa-3" :search-api="getSalaryFixedStatistics" :drill-init="drillInit"></AnalysisPage> -->
+    <AnalysisChart v-else shadow="always" v-loading="loading" class="mb-3" :option="option" height="800"></AnalysisChart>
   </div>
 </template>
 
@@ -86,18 +85,20 @@ export default {
           this.option = {}
           return
         }
-        Object.assign(data.series[0], {
-          label: {
-            show: true,
-            formatter: (v) => {
-              return `${v.name}\n\n绩效金额：${v.value} 元`
+        data.series.forEach((item) => {
+          Object.assign(item, {
+            label: {
+              show: true,
+              formatter: (v) => {
+                return ` ${v.name}：${v.value} 元`
+              }
+            },
+            breadcrumb: {
+              show: true,
+              left: 'left',
+              top: 'top'
             }
-          },
-          breadcrumb: {
-            show: true,
-            left: 'left',
-            top: 'top'
-          }
+          })
         })
 
         this.option = {