工作台

src/views/home/components/performance.vue

@@ -1,5 +1,5 @@
 <template>
-  <m-card>
+  <m-card header="各支行绩效结果2024年度排行榜">
     <e-charts ref="eChart" class="box"></e-charts>
   </m-card>
 </template>
@@ -10,14 +10,37 @@ export default {
   mounted () {
     const chart = this.$refs.eChart.onInit()
     chart.setOption({
+      tooltip: {
+        trigger: 'axis',
+        axisPointer: {
+          type: 'cross'
+        }
+      },
+      toolbox: {
+        feature: {
+          dataView: { show: true, readOnly: false },
+          restore: { show: true },
+          saveAsImage: { show: true }
+        }
+      },
+      legend: {
+        data: ['Evaporation', 'Precipitation', 'Temperature']
+      },
       xAxis: {
-        data: ['20', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
+        name: '支行',
+        data: ['分行本部', '遂溪支行', '坡头支行', '霞山支行', '吴川支行', '赤坎支行', '分行营业部', '廉江支行', '徐闻支行', '雷州支行', '开发区支行', '第二支行']
+      },
+      yAxis: {
+        name: '万元'
       },
-      yAxis: {},
       series: [
         {
+          label: {
+            show: true,
+            position: 'top'
+          },
           type: 'bar',
-          data: [23, 24, 18, 25, 27, 28, 25]
+          data: [5400.00, 4832.55, 3200.00, 2842.52, 2500.00, 2400.00, 2522.56, 2422.56, 2422.56, 2422.56, 2422.56, 2422.56]
         }
       ]
     })