柱状图和线状图样式

echarts-screen/src/components/CityRank.vue

@@ -101,10 +101,10 @@ export default {
         },
         grid: {
           borderWidth: 0,
-          top: '5%',
-          left: '2%',
-          right: '2%',
-          bottom: '0%',
+          top: '9%',
+          left: '4%',
+          right: '4%',
+          bottom: '2%',
           containLabel: true
         },
         xAxis: [{

echarts-screen/src/components/TrendCon.vue

@@ -40,9 +40,9 @@ export default {
       let option = {
         // backgroundColor: '#11183c',
         grid: {   //图表距边框的距离
-          left: '5%', // 组件离容器左侧的距离,百分比字符串或整型数字
-          right: '2%',
-          top: '10%', // 组件离容器上侧的距离,百分比字符串或整型数字
+          left: '4%', // 组件离容器左侧的距离,百分比字符串或整型数字
+          right: '4%',
+          top: '15%', // 组件离容器上侧的距离,百分比字符串或整型数字
           bottom: '15%',
           containLabel: true //grid 区域是否包含坐标轴的刻度标签，
         },
@@ -77,7 +77,7 @@ export default {
           },
         },
         legend: {
-          data: ['现有疑似', '现有确诊', '累计确诊'], // 头部折线标题
+          data: ['累计确诊', '现有确诊', '现有疑似'], // 头部折线标题
           itemWidth: 20,
           itemHeight: 10,
           textStyle: {