智慧生活ui优化

src/components/life/healthyHome/components/lifeHealthyHomeChart.vue

@@ -28,8 +28,8 @@ export default {
         },
         grid: {
           left: '2%', //默认10%
-          right: '10%', //默认10%
-          bottom: '0%', //默认60
+          right: '3%', //默认10%
+          bottom: '13%', //默认60
           top: '15%',
           containLabel: true
           //grid区域是否包含坐标轴的刻度标签
@@ -69,6 +69,19 @@ export default {
           },
           backgroundColor: 'rgba(0,0,0,0.8)',
         },
+        dataZoom: [
+          {
+            type: 'slider',
+            start: 0,
+            end: 100,
+            height: 12,
+          },
+          {
+            type: 'inside',
+            start: 0,
+            end: 100,
+          }
+        ],
         series: [
           {
             name: '进舱人数',

src/components/life/healthyHome/lifeHealthyHome.vue

@@ -86,7 +86,7 @@ export default {
         <div class="lifeHealthyHome-left">
           <div class="lifeHealthyHome-detail">
             <Card title="小屋分析">
-              <LifeHealthyHomeChart :height="390"></LifeHealthyHomeChart>
+              <LifeHealthyHomeChart :height="450"></LifeHealthyHomeChart>
             </Card>
           </div>
         </div>

src/components/life/supermarket/components/lifeSupermarketAnalysisChart.vue

@@ -32,7 +32,7 @@ export default {
         grid: {
           left: '2%', //默认10%
           right: '7%', //默认10%
-          bottom: '10%', //默认60
+          bottom: '12%', //默认60
           top: '15%',
           containLabel: true
           //grid区域是否包含坐标轴的刻度标签

src/components/life/supermarket/lifeSupermarket.vue

@@ -91,7 +91,7 @@ export default {
         <div class="lifeSupermarket-left">
           <div class="lifeSupermarket-detail">
             <Card title="商超分析">
-              <LifeSupermarketAnalysisChart :height="460"></LifeSupermarketAnalysisChart>
+              <LifeSupermarketAnalysisChart :height="450"></LifeSupermarketAnalysisChart>
             </Card>
           </div>
         </div>