样式调整

src/pages/index/components/parking_live.vue

@@ -2,15 +2,16 @@
   <div class="body-wrapper">
     <el-tabs  v-model="activeName">
       <el-tab-pane label="泊位占用率" name="泊位占用率">
-        <div style="height: 350px">
+        <div style="height: 500px">
           <linechart
             v-if="activeName === '泊位占用率'"
             :autoStop="false"
             :top="30"
-            :bottom="30"
+            :bottom="180"
             :left="40"
             :legendTop="0"
             yAxisName="(%)"
+            :xlabelFormat="xLabelFormat"
             :dataset="linedata"
             :tooltipFormat="lineTooltipFormat"
             :encode="[
@@ -85,6 +86,10 @@ export default {
   watch: {
   },
   methods: {
+    xLabelFormat(name) {
+      var str = name.split("");
+      return str.join("\n");
+    },
     getLineData() {
       api.tcskfx1().then(res => {
         this.linedata = res.data || []