echarts修改

src/views/dashboard/DuidieChart.vue

@@ -1,7 +1,5 @@
 <template>
-  <div :class="className" :style="{height:height,width:width}"
+  <div :class="className" :style="{height:height,width:width}"/>
-
-  />
 
 
 </template>
@@ -67,7 +65,6 @@ export default {
     initChart() {
       let max=10;
       let intervala=2;
-
       if (this.ddSerData!=undefined&&this.ddSerData.length>0){
         let arr1=this.ddSerData[0].data;
         let arr2=this.ddSerData[1].data;
@@ -104,10 +101,10 @@ export default {
           x:'center',
           y: 'bottom',
           textStyle: {
-            fontSize: 24,
+            fontSize: 22,
             fontFamily: "Arial",
             lineHeight: 30,
-            color: "rgb(43,97,159)",
+            color: "#116bcc",
             fontWeight:"bold"
           },
         },
@@ -127,22 +124,20 @@ export default {
         },
         xAxis: {
           data:this.ddXData,
-          // data: ['2016','2017','2018','2019','2020','2021'],
+          axisLabel: {//x轴文字的配置
-          // name: 'X Axis',
+            show: true,
-          // axisLine: {onZero: true},
-          // splitLine: {show: false},
-          // splitArea: {show: false}
-          axisLabel: {
-
             textStyle: {
-              fontSize:'16',
+                color: "#a4a4a4",
-
+            },
-            }
+            fontSize:'14px'
           },
-          axisLine: {
+          axisLine: {//x轴线的颜色以及宽度
-            lineStyle: {
+              show: true,
-              color: "rgb(164, 164, 164)"
+              lineStyle: {
-            }
+                  color: "#eff2f8",
+                  width: 0,
+                  type: "solid"
+              }
           },
         },
         yAxis: {
@@ -150,26 +145,28 @@ export default {
           max: max,
           interval: intervala,
           axisLabel: {
-
+            fontSize:14,
             textStyle: {
-              fontSize:'16',
+                color: "#a4a4a4",
-
+            },
-            }
+          }, 
-          },
           nameTextStyle: {
             color: 'rgb(102,102,102)'
           },
-          axisLine: {
+          axisLine: {//y轴线的颜色以及宽度
+            show: true,
             lineStyle: {
-              color: "rgb(164, 164, 164)"
+                color: "#eff2f8",
-            }
+                width: 0,
+                type: "solid"
+            },
           },
         },
         grid: {
           left: 10,
           right: 10,
           bottom: 50,
-          top: 90,
+          top: 107,
           containLabel: true
         },