销售曲线echarts category配置项内容和展示

      option = {
        color: ['#7a7efc', '#21ebdd'],
        backgroundColor: "#082d47",
        tooltip: {
          show: true,
          trigger: 'axis',
          axisPointer: {
            lineStyle: {
              color: 'rgba(0,0,0,0)'
            }
          },
          backgroundColor: "rgba(255,255,255,0.8)",
          formatter: function(e) {
            let html = "";
            e.forEach(e => {
              html += e.seriesName + ' ' + e.name + "：" + e.value + "件<br/>";
            })
            return html;
          },
          textStyle: {
            color: "#333"
          }
        },
        grid: {
          top: 35,
          left: 30,
          right: '3%',
          bottom: 35,
        },
        xAxis: [{
          type: 'category',
          boundaryGap: false,
          axisLabel: {
            margin: 10,
            align: "center",
            fontSize: 9,
            rotate: 35,
          },
          axisTick: {
            show: false
          },
          splitLine: {
            show: true,
            lineStyle: {
              color: '#0a344c'
            }
          },
          axisLine: {
            show: false,
            lineStyle: {
              color: '#cbd1d5'
            }
          },
          data: ['17.01', '17.02', '17.03', '17.04', '17.05', '17.06', '17.07', '17.08', '17.09', '17.10', '17.11', '17.12']
        }],
        yAxis: [{
          type: 'value',
          axisTick: {
            show: false
          },
          axisLine: {
            show: false,
            lineStyle: {
              color: '#cbd1d5'
            }
          },
          axisLabel: {
            fontSize: 9
          },
          splitLine: {
            lineStyle: {
              color: '#0a344c'
            }
          }
        }],
        series: [{
          name: '去年',
          type: 'line',
          smooth: true,
          showSymbol: false,
          lineStyle: {
            normal: {
              width: 3
            }
          },
          data: [8.3, 7, 32.5, 56.6, 34.1, 14.8, 39.6, 24.1, 50.1, 32.4, 21.8, 15.7]
        }, {
          name: '今年',
          type: 'line',
          smooth: true,
          showSymbol: false,
          lineStyle: {
            normal: {
              width: 3
            }
          },
          data: [18.3, 7, 32.5, 36.6, 24.1, 14.8, 29.6, 34.1, 40.1, 22.4, 21.8, 12.7]
        }]
      };