修改路由

src/views/dashboard/LineChart.vue

@@ -132,14 +132,14 @@ export default {
             yAxisIndex:1,
             itemStyle: {
               normal: {
-                color: '#3888fa',
+                color: '#9fe080',
                 lineStyle: {
-                  color: '#3888fa',
+                  color: '#9fe080',
                   width: 2
                 },
-                areaStyle: {
-                  color: '#f3f8ff'
-                }
+                // areaStyle: {
+                //   color: '#f3f8ff'
+                // }
               }
             },
             data: expectedData,
@@ -150,11 +150,12 @@ export default {
             name: '产量',
             smooth: false,
             type: 'bar',
+            barMaxWidth:60,
             itemStyle: {
               normal: {
-                color: '#3888fa',
+                color: '#9fe080',
                 lineStyle: {
-                  color: '#3888fa',
+                  color: '#9fe080',
                   width: 2
                 },
                 areaStyle: {

src/views/index_v1.vue

@@ -3,9 +3,6 @@
 
     <panel-group @handleSetLineChartData="handleSetLineChartData"/>
 
-    <el-row style="background:#fff;padding:16px 16px 0;margin-bottom:32px;">
-      <line-chart :chart-data="lineChartData"/>
-    </el-row>
     <el-row style="background:#fff;padding:16px 16px 0;margin-bottom:32px;">
       <el-table
         :data="tableData"
@@ -57,6 +54,10 @@
       </el-table>
     </el-row>
 
+    <el-row style="background:#fff;padding:16px 16px 0;margin-bottom:32px;">
+      <line-chart :chart-data="lineChartData"/>
+    </el-row>
+
     <el-row :gutter="32">
       <el-col :xs="24" :sm="24" :lg="16">
         <div class="chart-wrapper">
@@ -161,7 +162,8 @@ export default {
     padding: 8px;
   }
 }
-.el-table th.el-table__cell > .cell{
-  text-align: center  ;
+
+.el-table th.el-table__cell > .cell {
+  text-align: center;
 }
 </style>