数据看板

src/views/dashboard/bottomTwo.vue

@@ -13,10 +13,9 @@
 
 <script>
 import * as echarts from 'echarts';
-export default {
-    components: {
 
-    },
+export default {
+  components: {},
   name: 'bottomTwo',
   props: {
     pageData: {
@@ -82,6 +81,11 @@ export default {
           data: this.barYData,
           itemStyle: {
             color: "#157DF3"
+          },
+          label: {
+            show: true, // 显示标签
+            position: 'top', // 设置标签的位置在柱子的上方
+            formatter: '{c}' // 显示的数据格式，这里显示的是原始数值
           }
         }]
       };
@@ -115,6 +119,7 @@ export default {
     background-color: #fff;
     border-radius: 10px;
   }
+
   .title-box {
     width: 100%;
     height: 30px;
@@ -123,6 +128,7 @@ export default {
     align-items: center;
 
   }
+
   .chart-box {
     width: 100%;
     height: 450px;