图标修改

src/views/echartPage/components/echart/commonChartsBar.js

@@ -26,19 +26,19 @@ export default {
             show: false
           },
           axisLine: {
-            show: false,
+            show: true,
             lineStyle: {
-              color: '#698dc3'
+              color: '#000000'
             }
           },
           splitLine: {
             lineStyle: {
               type: 'solid',
-              color: '#000'
+              color: '#000000'
             }
           },
           axisLabel: {
-            color: '#ffff'
+            color: '#000000'
           }
         },
         // color:['#ccc','red'],
@@ -50,7 +50,7 @@ export default {
           axisLine: {
             show: false,
             lineStyle: {
-              color: '#698dc3'
+              color: '#000000'
             }
           },
           splitLine: {
@@ -60,7 +60,7 @@ export default {
             }
           },
           axisLabel: {
-            color: '#ffff'
+            color: '#000000'
           }
         },
         series: [

src/views/echartPage/index.vue

@@ -1,11 +1,12 @@
 <template>
-  <div >
-    <BarChartsr id="hover" :option="inHourDataOption" />
+  <div class="Ba_echart">
+    <BarCharts id="hover" :option="inHourDataOption" />
   </div>
 </template>
 
 <script>
 import BarCharts from './components/echart/commonChartsBar.vue'
+import { mapGetters } from 'vuex'
 const barOption = {
   title: {
     text: 'Stacked Area Chart'
@@ -118,8 +119,8 @@ const hisOption = {
       // boundaryGap: false,
       axisLine:{
         lineStyle:{
-          color:'red',
-          width:2
+          color:'#000000',
+          width:1
         }
       },
       splitLine: {  
@@ -132,10 +133,10 @@ const hisOption = {
   },
   yAxis: {
     type: 'value',
-            //y轴颜色
+    //y轴颜色
     axisLine: { 
       lineStyle: {   // Y 轴颜色配置
-        color: '#3366CC'  
+        color: '#000000'  
       } 
     },
     splitArea: {
@@ -144,7 +145,7 @@ const hisOption = {
     splitLine: {
       show:false,     //y网格线
       lineStyle:{
-        color: '#ffffff'
+        color: '#000000'
       }
     },
   },
@@ -327,11 +328,14 @@ export default {
   },
   data() {
     return {
-      inHourDataOption: null,
+      inHourDataOption: this._.cloneDeep(hisOption),
       listdata: [],
       page: 0, //当前table页面
     };
   },
+  computed: {
+    ...mapGetters(['authArrs']),
+  },
   components: {
     BarCharts
   },
@@ -350,7 +354,6 @@ export default {
       //获取页面权限类型组件  pagetype 1模块  2页面  3按钮 4表格 5树形  6弹窗 
       const pageAuths = this.authArrs
       if (!pageAuths.length) return
-
     },
     //处理数据1模式
     processingdata (data) {
@@ -467,5 +470,9 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-
+.Ba_echart{
+  width: 100%;
+  height: calc(100vh - 90px);
+  padding: 20px;
+}
 </style>