投诉举报接收渠道趋势分析echarts 折线配置项内容和展示

配置项如下
      options=[{
    backgroundColor:'#FFFFFF',
    title: {
        text: '投诉举报接收渠道趋势分析',
        subtext: '投诉举报信息接收渠道的业务发展情况'
    },
    tooltip: {
        trigger: 'axis'
    }, 
    legend: {
        data:['电话']
    },
    grid: {
        left: '3%',
        right: '5%',
        top:'22%',
        bottom: '10%',
        containLabel: true
    },
    toolbox: {
        feature: {
            saveAsImage: {}
        }
    },
    
    xAxis: {
        type: 'category',
        boundaryGap: false,
        data: ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月']
    },
    yAxis: {
       name: '投诉举报信息收件数',
        type: 'value',
        splitLine: {show: false},
        min: 0,
        max: 10000,
        interval: 2000,
    },
    series: [
         {
            name:'电话',
             color: ['#d82c26'],
            type:'line',
            itemStyle : {
                normal : {
                    lineStyle:{
                        width:5,//折线宽度
                    },
                    color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                        offset: 1,
                        color: '#fbfa96' // 0% 处的颜色
                    }, {
                        offset: 0,
                        color: '#f72806' // 100% 处的颜色
                    }], false),
                    opacity: 0.4
                }
            },
            
            data:[4600, 3700, 2400, 4004, 1200, 3002, 6000, 3002, 801, 4088, 1203, 3321]
          
        }
       
    ]
},{
    backgroundColor:'#FFFFFF',
    title: {
        text: '投诉举报接收渠道趋势分析',
        subtext: '投诉举报信息接收渠道的业务发展情况'
    },
    tooltip: {
        trigger: 'axis'
    },
    legend: {
        data:['网络']
    },
    grid: {
        left: '3%',
        right: '5%',
        top:'22%',
        bottom: '10%',
        containLabel: true
    },
    toolbox: {
        feature: {
            saveAsImage: {}
        }
    },
    xAxis: {
        type: 'category',
        boundaryGap: false,
        data: ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月']
    },
    yAxis: {
       name: '投诉举报信息收件数',
        type: 'value',
        splitLine: {show: false},
        min: 0,
        max: 10000,
        interval: 2000,
    },
    series: [
        {
            name:'网络',
            
            type:'line',
            itemStyle : {
                normal : {
                    lineStyle:{
                        width:5,//折线宽度
                    },
                     color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                        offset: 1,
                        color: '#0eb92e' // 0% 处的颜色
                    }, {
                        offset: 0,
                        color: '#f0e242' // 100% 处的颜色
                    }], false),
                    opacity: 0.4
                }
            },
            
            data:[1600, 1000, 800, 400,7500,600,1003,1006,5008,6002,1006,3006]
           
        }
    ]
},{
    backgroundColor:'#FFFFFF',
    title: {
        text: '投诉举报接收渠道趋势分析',
        subtext: '投诉举报信息接收渠道的业务发展情况'
    },
    tooltip: {
        trigger: 'axis'
    },
    legend: {
        data:['信件']
    },
    grid: {
        left: '3%',
        right: '5%',
        top:'22%',
        bottom: '10%',
        containLabel: true
    },
    toolbox: {
        feature: {
            saveAsImage: {}
        }
    },
    xAxis: {
        type: 'category',
        boundaryGap: false,
        data: ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月']
    },
    yAxis: {
       name: '投诉举报信息收件数',
        type: 'value',
        splitLine: {show: false},
        min: 0,
        max: 10000,
        interval: 2000,
    },
    series: [
        {
            name:'信件',
             color: ['#1ac52e'],
            type:'line',
            itemStyle : {
                normal : {
                    lineStyle:{
                        width:5,//折线宽度
                    },
                color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                    offset: 1,
                    color: '#2bc5f2' // 0% 处的颜色
                }, {
                    offset: 0,
                    color: '#1ec23d' // 100% 处的颜色
                }], false),
                opacity: 0.4
                }
            },
            data:[600, 700, 2100, 4000, 2008, 4300,878, 5612, 6564, 3774, 2413, 1021]
          
        }
        
    ]
},{
    backgroundColor:'#FFFFFF',
    title: {
        text: '投诉举报接收渠道趋势分析',
        subtext: '投诉举报信息接收渠道的业务发展情况'
    },
    tooltip: {
        trigger: 'axis'
    },
    legend: {
        data:['走访']
    },
    grid: {
        left: '3%',
        right: '5%',
        top:'22%',
        bottom: '10%',
        containLabel: true
    },
    toolbox: {
        feature: {
            saveAsImage: {}
        }
    },
    xAxis: {
        type: 'category',
        boundaryGap: false,
        data: ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月']
    },
    yAxis: {
       name: '办理事项数',
        type: 'value',
        splitLine: {show: false},
        min: 0,
        max: 10000,
        interval: 2000,
    },
    series: [
        {
            name:'走访',
            color: ['#337ae4'],
            type:'line',
            itemStyle : {
                normal : {
                    lineStyle:{
                        width:5,//折线宽度
                    },
                color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                    offset: 1,
                    color: '#f22be6' // 0% 处的颜色
                }, {
                    offset: 0,
                    color: '#2ba9f2' // 100% 处的颜色
                }], false),
                opacity: 0.4
                }
            },
            data:[1200, 500, 8006, 4777,4878,3122,1003,600,5808,1002,3076,6005]
           
        }
        
    ]
}, {
    backgroundColor:'#FFFFFF',
    title: {
        text: '投诉举报接收渠道趋势分析',
        subtext: '投诉举报信息接收渠道的业务发展情况'
    },
    tooltip: {
        trigger: 'axis'
    },
    legend: {
        data:['其他']
    },
    grid: {
        left: '3%',
        right: '5%',
        top:'22%',
        bottom: '10%',
        containLabel: true
    },
    toolbox: {
        feature: {
            saveAsImage: {}
        }
    },
    xAxis: {
        type: 'category',
        boundaryGap: false,
        data: ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月']
    },
    yAxis: {
       name: '办理事项数',
        type: 'value',
        splitLine: {show: false},
        min: 0,
        max: 10000,
        interval: 2000,
    },
    series: [
        {
            name:'其他',
            color: ['#337ae4'],
            type:'line',
            itemStyle : {
                normal : {
                    lineStyle:{
                        width:5,//折线宽度
                    },
                color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                    offset: 1,
                    color: '#B91362' // 0% 处的颜色
                }, {
                    offset: 0,
                    color: '#F075AF' // 100% 处的颜色
                }], false),
                opacity: 0.4
                }
            },
            data:[1200, 800, 6006, 5777,6878,7122,5003,6600,5808,7002,3076,6005]
           
        }
        
    ]
}]
    
截图如下