双折线网格背景echarts 折线配置项内容和展示

      option = {
    tooltip: {
        trigger: 'axis'
    },
    legend: {
        data:['2017', '2018'],
        left:'right',
        textStyle:{
            color:'#666',
            fontSize:12
        }
    },
    grid : {
        left : '10%',
        top : '12%',
        bottom : '15%'
    },
    xAxis: {
        type: 'category',
        boundaryGap: false,
        data: ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'],
        axisLabel: {
            show: true,
            textStyle: {
                color: '#666'
            }
        },
        axisTick: { //刻度值线
            show: true
        },
        splitLine: { //网格线
            show: true
        },
        axisLine: {
            show: true,
            lineStyle: {
                color: '#4488BB',
                width: 3 // 粗细
            }
        },
    },
    yAxis: {
        type: 'value',
        name: '(万KW)',
        axisLabel: {
            color: '#666'
        },
        axisTick: { //刻度值线
             show: false
        },
        splitLine: { //网格线
             show: true
        },
        axisLine: {
            show: true,
            lineStyle: {
                color: '#4488BB',
                width: 3 // 粗细
            }
        },
        splitArea: {
			show: true,
			areaStyle: {
				color: ["#EAEBEC", "#FFF"]
			}
		}
    },
    series: [
        {
            name:2017,
            smooth:true, //平滑
            symbol:'none',
            type:'line',
            data:[100,33,1,1,32,1,1,3,1,1,3,1]
        },
        {
            name:2018,
            smooth:true, 
            symbol:'none',
            type:'line',
            data:[2, 42,1,1,32,1,2, 4,1,111,3,1]
        }
    ],
    color:["#9F9FA0","#FE0404"]
};