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

      var chainData = [
    {name:'201901',value:29},
    {name:'201902',value:99},
    {name:'201903',value:30},
    {name:'201904',value:66},
    {name:'201905',value:29},
    ],
    pointData=[29,99,30,66,29],
    category = ['201901','201902','201903','201904','201905'],

option = {
        // backgroundColor: '#fff',
        tooltip: {
            trigger: 'axis',
            formatter: '{b}: {c0}'
        },
        grid: {
            left: '10%',
            right: '5%',
        },
        legend: {

            right: '3%',
            textStyle: {
                color: '#333'
            }
        },
        xAxis: {
            data: category,
            splitLine: {show: true},
            axisLine: {
                lineStyle: {
                    color: '#5d5d5d'
                }
            },
            axisLabel: {
                interval: 0,
                rotate: 45
            }
        },
        yAxis: [{
            splitLine: {show: false},
            min: Math.floor(Math.min.apply(Math,pointData)),
            max: Math.ceil(Math.max.apply(Math,pointData)),
            axisLine: {
                lineStyle: {
                    color: '#5d5d5d'
                }
            }
        }],
        series: [{
            type: 'line',
             smooth: true,
             showAllSymbol: true,
            symbol: 'circle',
            symbolSize: 5,
            itemStyle: {
                normal: {
                    color: '#20b7f9',
                areaStyle: { 
						
							color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
								offset: 0,
								
								color: 'rgba(44,204,104,0)'
							}, {
								offset: 0.5,
								color: 'rgba(0,161,233,0.8)'
							}, {
								offset: 1,
								color: 'rgba(0,161,233,1)'
							}]),
			            }
                    
                }
            },
            data: chainData
        }]
    };