ui测试修改

src/views/databoard/components/EnergeMonitoringChart.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <NotMsg v-show="notMsg"/>
-    <div id="energeMonitoringChart" class="energe-monitoring-chart" style="width:575px;height:370px;" v-show='!notMsg'></div>
+    <div id="energeMonitoringChart" class="energe-monitoring-chart" style="width:575px;height:420px;" v-show='!notMsg'></div>
   </div>
 </template>
 <script>
@@ -63,7 +63,7 @@ export default {
       }
       var option = {
         // color: ['#FF8A40','#FFD160','#99D66C','#5B9BFF','#8167F6','#2760FF'],
-        grid: { top: 32, right: 12, bottom: 20, left: 90 },
+        grid: { top: 82, right: 12, bottom: 20, left: 90 },
         tooltip: {
           trigger: 'axis',
           axisPointer: {
@@ -75,7 +75,11 @@ export default {
           className: "energe-monitoring-chart-tooltip"
         },
         legend: {
-          data: ['电耗能'],
+          itemWidth:10,
+          itemHeight:10,
+          top: '2.5%',
+					right: '0',
+          data: [{name:'电耗能',itemStyle:{color:'#364BFE'}}],
           textStyle: {
             color: "#DFF1FE",
             fontSize: 12,
@@ -157,6 +161,7 @@ export default {
 .energe-monitoring-chart {
 	width: 100%;
 	height: 100%;
+  top: -50px;
 }
 </style>
 <style>