111echarts 折线配置项内容和展示

      option = {
    //     legend: {
    //     color: ["#F58080", "#47D8BE", "#F9A589"],
    //     data: ['新报', '流失', '续费'],
    //     left: 'center',
    //     top: 'top'
    // },
    xAxis: {
        type: 'category',
        name:"t",
        nameTextStyle:{
            fontSize:30
        },
        nameLocation:"center",
        nameGap:"20",
        data: [1,2,3,4,5,6,7,8],
        axisTick:{
            show:false,
        },
        axisLabel:{
            show:false
        },
        axisLine:{
          symbol:["none","arrow"],
          symbolOffset:10,
          symbolSize:[9,15]
        },
    },
    yAxis: {
        name:"n",
        nameTextStyle:{
            fontSize:30
        },
        nameLocation:"center",
        nameGap:"20",
        type: 'value',
        splitLine: {
            show:false,
        },
        axisTick:{
            show:false,
        },
        axisLabel:{
            show:false
        },
         axisLine:{
          symbol:["none","arrow"],
          symbolOffset:10,
          symbolSize:[9,15]
        },
        

    },
    series: [
        {
            name: '新报',
            symbol: 'none',  
            type: 'line',
            data: [10,40,80,89,92,93,95],
            color: "#F58080",
            lineStyle: {
                normal: {
                    width: 5,
                    color: {
                        type: 'linear',

                        colorStops: [{
                            offset: 0,
                            color: '#FFCAD4' // 0% 处的颜色
                        }, {
                            offset: 0.4,
                            color: '#F58080' // 100% 处的颜色
                        }, {
                            offset: 1,
                            color: '#F58080' // 100% 处的颜色
                        }],
                        globalCoord: false // 缺省为 false
                    },
                    shadowColor: 'rgba(245,128,128, 0.5)',
                    shadowBlur: 10,
                    shadowOffsetY: 7
                }
            },
            itemStyle: {
                normal: {
                    color: '#F58080',
                    borderWidth: 10,
                    borderColor: "#F58080"
                }
            },
            smooth: true
        },
        {
            name: '流失',
            symbol: 'none',  
            type: 'line',
            data: [22,40,66,75,78,80,82],
            lineStyle: {
                normal: {
                    width: 5,
                    color: {
                        type: 'linear',

                        colorStops: [{
                                offset: 0,
                                color: '#AAF487' // 0% 处的颜色
                            },
                            {
                                offset: 0.4,
                                color: '#47D8BE' // 100% 处的颜色
                            }, {
                                offset: 1,
                                color: '#47D8BE' // 100% 处的颜色
                            }
                        ],
                        globalCoord: false // 缺省为 false
                    },
                    shadowColor: 'rgba(71,216,190, 0.5)',
                    shadowBlur: 10,
                    shadowOffsetY: 7
                }
            },
            itemStyle: {
                normal: {
                    color: '#AAF487',
                    borderWidth: 10,
                    borderColor: "#AAF487"
                }
            },
            smooth: true
        },
        {
            name: '续费',
            symbol: 'none',  
            type: 'line',
            data: [30,40,50,60,66,70,70],
            
            lineStyle: {
                normal: {
                    width: 5,
                    color: {
                        type: 'linear',

                        colorStops: [{
                                offset: 0,
                                color: '#525252' // 0% 处的颜色
                            },
                            {
                                offset: 0.4,
                                color: '#46648C' // 100% 处的颜色
                            }, {
                                offset: 1,
                                color: '#3d72b4' // 100% 处的颜色
                            }
                        ],
                        globalCoord: false // 缺省为 false
                    },
                    shadowColor: 'rgba(249,165,137, 0.5)',
                    shadowBlur: 10,
                    shadowOffsetY: 7
                }
            },
            itemStyle: {
                normal: {
                    color: '#F6D06F',
                    borderWidth: 10,
                    borderColor: "#F6D06F"
                }
            },
            smooth: true
        }
    ]
};