驾驶舱

src/views/copilot/efficiency/components/sub/chip/ChipRateItem.vue

@@ -159,6 +159,7 @@ export default {
   }
 
   .chart {
+    width: 390px;
     align-self: stretch;
     height: 280px;
   }

src/views/copilot/energy/components/sub/monitor/MonitorItem.vue

@@ -10,10 +10,12 @@
     <div class="cities">
       <CopilotButtons :options="cities" @update:active="handleCityUpdate" />
     </div>
-    <div class="chart" ref="chart"></div>
+    <div style="padding: 0 30px;width: 90%;">
+      <div class="chart" ref="chart"></div>
+    </div>
     <div class="legend" v-if="1">
       <div class="legend-item" v-for="(lgd,index) in legendList" :key="lgd.name">
-        <div >
+        <div>
           <span :style="'backgroundColor:' + colors[index%5]" class="legend-item__chart"></span>
           <span :style="'color:' + colors[index%5]" class="legend-item__label">{{ lgd.name }}</span>
         </div>
@@ -108,6 +110,8 @@ export default {
   }
 
   .chart {
+    margin-left: 5%;
+    width: 290px;
     align-self: stretch;
     height: 280px;
   }