坐标轴
This commit is contained in:
		@@ -283,39 +283,39 @@ export default {
 | 
			
		||||
    initEcharts1(data) {
 | 
			
		||||
      var option = {
 | 
			
		||||
        legend: {
 | 
			
		||||
          borderColor: 'pink',
 | 
			
		||||
          data: ['群成员总数', '入群人数', '退群人数'],
 | 
			
		||||
          y: 'bottom',
 | 
			
		||||
        },
 | 
			
		||||
        color: ['#4A86FD', '#32C5FF', '#FFAA44'],
 | 
			
		||||
        tooltip: {
 | 
			
		||||
          trigger: 'axis',
 | 
			
		||||
        },
 | 
			
		||||
        grid: {
 | 
			
		||||
          top: '12%',
 | 
			
		||||
          top: '9%',
 | 
			
		||||
          left: '6%',
 | 
			
		||||
          right: '8%',
 | 
			
		||||
          bottom: '6%',
 | 
			
		||||
          bottom: '9%',
 | 
			
		||||
          containLabel: true,
 | 
			
		||||
        },
 | 
			
		||||
        xAxis: {
 | 
			
		||||
          type: 'category',
 | 
			
		||||
          data: Object.keys(data).map((e) => e.substring(e.length - 5, e.length)),
 | 
			
		||||
          axisLine: {
 | 
			
		||||
            lineStyle: { color: '#157EFF' },
 | 
			
		||||
            show: true,
 | 
			
		||||
            lineStyle: { color: '#666' },
 | 
			
		||||
          },
 | 
			
		||||
          axisLabel: {
 | 
			
		||||
            show: true,
 | 
			
		||||
            interval: 0,
 | 
			
		||||
          },
 | 
			
		||||
          axisTick: {
 | 
			
		||||
            interval: 'auto',
 | 
			
		||||
            show: false,
 | 
			
		||||
          },
 | 
			
		||||
        },
 | 
			
		||||
        yAxis: {
 | 
			
		||||
          type: 'value',
 | 
			
		||||
          axisLine: {
 | 
			
		||||
            lineStyle: {
 | 
			
		||||
              color: '#666',
 | 
			
		||||
            },
 | 
			
		||||
            show: false,
 | 
			
		||||
          },
 | 
			
		||||
          splitLine: {
 | 
			
		||||
            show: true,
 | 
			
		||||
@@ -327,10 +327,13 @@ export default {
 | 
			
		||||
            show: true,
 | 
			
		||||
            interval: 0,
 | 
			
		||||
          },
 | 
			
		||||
          axisTick: {
 | 
			
		||||
            show: false,
 | 
			
		||||
          },
 | 
			
		||||
        },
 | 
			
		||||
        series: [
 | 
			
		||||
          {
 | 
			
		||||
            itemStyle: {
 | 
			
		||||
            lineStyle: {
 | 
			
		||||
              normal: {
 | 
			
		||||
                lineStyle: {
 | 
			
		||||
                  color: '#4A86FD',
 | 
			
		||||
@@ -344,7 +347,7 @@ export default {
 | 
			
		||||
            data: Object.values(data).map((e) => e.total),
 | 
			
		||||
          },
 | 
			
		||||
          {
 | 
			
		||||
            itemStyle: {
 | 
			
		||||
            lineStyle: {
 | 
			
		||||
              normal: {
 | 
			
		||||
                lineStyle: {
 | 
			
		||||
                  color: '#32C5FF',
 | 
			
		||||
@@ -358,7 +361,7 @@ export default {
 | 
			
		||||
            data: Object.values(data).map((e) => e.increase),
 | 
			
		||||
          },
 | 
			
		||||
          {
 | 
			
		||||
            itemStyle: {
 | 
			
		||||
            lineStyle: {
 | 
			
		||||
              normal: {
 | 
			
		||||
                lineStyle: {
 | 
			
		||||
                  color: '#FFAA44',
 | 
			
		||||
@@ -381,15 +384,17 @@ export default {
 | 
			
		||||
      var options = {
 | 
			
		||||
        legend: {
 | 
			
		||||
          data: ['居民总数', '新增居民数', '流失居民数'],
 | 
			
		||||
          y: 'bottom',
 | 
			
		||||
        },
 | 
			
		||||
        color: ['#4A86FD', '#32C5FF', '#FFAA44'],
 | 
			
		||||
        tooltip: {
 | 
			
		||||
          trigger: 'axis',
 | 
			
		||||
        },
 | 
			
		||||
        grid: {
 | 
			
		||||
          top: '12%',
 | 
			
		||||
          top: '9%',
 | 
			
		||||
          left: '6%',
 | 
			
		||||
          right: '8%',
 | 
			
		||||
          bottom: '6%',
 | 
			
		||||
          bottom: '9%',
 | 
			
		||||
          containLabel: true,
 | 
			
		||||
        },
 | 
			
		||||
        xAxis: {
 | 
			
		||||
@@ -403,15 +408,13 @@ export default {
 | 
			
		||||
            interval: 0,
 | 
			
		||||
          },
 | 
			
		||||
          axisTick: {
 | 
			
		||||
            interval: 'auto',
 | 
			
		||||
            show: false,
 | 
			
		||||
          },
 | 
			
		||||
        },
 | 
			
		||||
        yAxis: {
 | 
			
		||||
          type: 'value',
 | 
			
		||||
          axisLine: {
 | 
			
		||||
            lineStyle: {
 | 
			
		||||
              color: '#666',
 | 
			
		||||
            },
 | 
			
		||||
            show: false,
 | 
			
		||||
          },
 | 
			
		||||
          splitLine: {
 | 
			
		||||
            show: true,
 | 
			
		||||
@@ -423,10 +426,13 @@ export default {
 | 
			
		||||
            show: true,
 | 
			
		||||
            interval: 0,
 | 
			
		||||
          },
 | 
			
		||||
          axisTick: {
 | 
			
		||||
            show: false,
 | 
			
		||||
          },
 | 
			
		||||
        },
 | 
			
		||||
        series: [
 | 
			
		||||
          {
 | 
			
		||||
            itemStyle: {
 | 
			
		||||
            lineStyle: {
 | 
			
		||||
              normal: {
 | 
			
		||||
                lineStyle: {
 | 
			
		||||
                  color: '#4A86FD',
 | 
			
		||||
@@ -440,7 +446,7 @@ export default {
 | 
			
		||||
            data: Object.values(data).map((e) => e.total),
 | 
			
		||||
          },
 | 
			
		||||
          {
 | 
			
		||||
            itemStyle: {
 | 
			
		||||
            lineStyle: {
 | 
			
		||||
              normal: {
 | 
			
		||||
                lineStyle: {
 | 
			
		||||
                  color: '#32C5FF',
 | 
			
		||||
@@ -454,7 +460,7 @@ export default {
 | 
			
		||||
            data: Object.values(data).map((e) => e.increase),
 | 
			
		||||
          },
 | 
			
		||||
          {
 | 
			
		||||
            itemStyle: {
 | 
			
		||||
            lineStyle: {
 | 
			
		||||
              normal: {
 | 
			
		||||
                lineStyle: {
 | 
			
		||||
                  color: '#FFAA44',
 | 
			
		||||
@@ -605,7 +611,7 @@ uni-page-body {
 | 
			
		||||
 | 
			
		||||
      .echartes {
 | 
			
		||||
        margin-top: 64px;
 | 
			
		||||
        padding-top: 20px;
 | 
			
		||||
        padding-bottom: 20px;
 | 
			
		||||
        height: 616px;
 | 
			
		||||
        background: #fff;
 | 
			
		||||
        box-sizing: border-box;
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user