彩色折线图echarts 折线配置项内容和展示

      option = {
    backgroundColor:'#152776',
    tooltip: {
        trigger: 'axis', //按x轴显示
        show: true,
        axisPointer: {
            type: 'shadow',
            lineStyle: {
                color: '#ececec', //不显示线条
            },
        },
        formatter: '{b}</br>{a0}初婚平均年龄:{c0}岁</br>初婚{a2}年龄:{c2}岁</br>{a1}初婚平均年龄:{c1}岁',
        backgroundColor: 'rgba(22, 17, 98, 0.6)',
        textStyle: {
            align: 'left',
            fontSize: 12,
            color: '#fff',
        },
    },
    color: ['#0580f2', '#faa732', '#e1575d'],
    grid: {
        left: '4%',
        right: '4%',
        top: '12%',
        bottom: '10%',
        containLabel: true
    },
    legend: {
        show: true,
        icon: 'circle',
        right: '10%',
        bottom: '4%',
        textStyle: {
            fontSize: 12,
            color: '#fff'
        },
        data: ['男士', '女士', '平均']
    },
    xAxis: {
        show: true,
        type: 'category',
        axisTick: {
            show: false
        },
        axisLine: {
            show: true,
            lineStyle: {
                color: '#2ca8cf',
            }
        },
        axisLabel: {
            textStyle: {
                fontSize: 12,
                color: '#fff'
            }
        },
        data: ['2014年', '2015年', '2016年', '2017年', '2018年']
    },
    yAxis: {
        show: true,
        type: 'value',
        max: 35,
        min: 20,
        axisTick: {
            show: false
        },
        axisLine: {
            show: true,
            lineStyle: {
                color: '#2ca8cf',
            }
        },
        splitLine: {
            show: true,
            lineStyle: {
                color: '#2c3d89',
                type: 'dotted',
            }
        },
        axisLabel: {
            textStyle: {
                fontSize: 12,
                color: '#fff'
            }
        }
    },
    series: [{
        name: '男士',
        type: 'line',
        symbol: 'circle',
        itemStyle: {
            emphasis: {
                symbol: 'circle',
            }
        },
        symbolSize: [8, 8],
        data: [23, 24, 27, 29, 30]
    }, {
        name: '女士',
        type: 'line',
        symbol: 'circle',
        symbolSize: [8, 8],
        data: [21, 22, 25, 27, 28]
    }, {
        name: '平均',
        type: 'line',
        symbol: 'circle',
        symbolSize: [8, 8],
        data: [22, 23, 26, 28, 29]
    }]
};