From 23e78b0a848dea5eea5c42e8165f16216c05b75e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=99=B6=E6=99=B6=20=E5=BC=A0?=
 <zhangjingjing@geedgenetworks.com>
Date: Fri, 9 Jul 2021 19:42:11 +0800
Subject: [PATCH] =?UTF-8?q?style=E4=BF=AE=E6=94=B9=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=EF=BC=9A=E6=8A=98=E7=BA=BF=E5=9B=BE=E4=B8=8B=E9=9D=A2=E7=9A=84?=
 =?UTF-8?q?table?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/charts/StatisticsLegend.vue | 20 ++++++++------------
 1 file changed, 8 insertions(+), 12 deletions(-)

diff --git a/src/components/charts/StatisticsLegend.vue b/src/components/charts/StatisticsLegend.vue
index 63089225..7cce5799 100644
--- a/src/components/charts/StatisticsLegend.vue
+++ b/src/components/charts/StatisticsLegend.vue
@@ -9,12 +9,12 @@
     <div class="chart__table-below">
       <div v-for="(item,index) in data" :key="index" class="table-below-box">
         <div class="table-below-account">
-        <div :style="{backgroundColor: getChartColor(index)}" class="table__below-color"></div>
-        <div class="table__below-title">{{item.legend}}</div>
+        <div :style="{backgroundColor: getChartColor(index)}" class="table__below-color" :title="getChartColor(index)"></div>
+        <div class="table__below-title" :title="item.legend">{{item.legend}}</div>
         </div>
         <div class="table__below-flashback">
-          <div  class="table__below-max">{{item.aggregation.max}}</div>
-          <div class="table__below-avg">{{item.aggregation.avg}}</div>
+          <div class="table__below-max qq"  :title="item.aggregation.max">{{item.aggregation.max}}</div>
+          <div class="table__below-avg qq" :title="item.aggregation.avg">{{item.aggregation.avg}}</div>
         </div>
       </div>
     </div>
@@ -35,7 +35,6 @@ export default {
       immediate: true,
       deep: true,
       handler (n) {
-        console.log(n)
       }
     }
   },
@@ -77,8 +76,8 @@ export default {
 }
 .chart__table-below{
   width: 455px;
-  overflow: auto;
   height: calc(100% - 30px);
+  overflow: auto;
   .table-below-box{
     width: 100%;
     display: flex;
@@ -86,14 +85,12 @@ export default {
     align-items: center;
     .table-below-account{
       width: 310px;
-      height: calc(100% - 30px);
       display: flex;
       align-items: center;
       padding-left: 16px;
     }
     .table__below-flashback{
       width: 211px;
-      height: calc(100% - 30px);
       display: flex;
       flex-direction:row-reverse;
       align-items: center;
@@ -111,14 +108,13 @@ export default {
     border-radius: 24%;
   }
   .table__below-title{
-    max-width: 141px;
+    max-width: 226px;
     overflow: hidden;
     text-overflow:ellipsis;
     white-space: nowrap;
   }
-  .table__below-avg{
+  .qq{
+    width: 39px;
   }
 }
-  .table__below-max{
-  }
 </style>