年季度签单额度

描述:当前是关于Echarts图表中的 折线图 示例。
 
            option = {
    //color:'#ff9e9e',
    backgroundColor:'#1f2b4c',
    title:{
        text:'年季度签单额度',
        textStyle: {
            color: '#fff',
        },
    },
    xAxis: {
        type: 'category',
        //boundaryGap: ['1%', '20%'],
        data: ['2012','2013', '2014', '2015', '2016', '2017', '2018', ''],
        //name:'时间',
        nameTextStyle:{
            color:'#666666',
            fontFamily: "PingFang-SC-Medium",
	        fontSize: 10,
        },
        interval: 1,
        offset: 2,
        axisLine:{  
            show:false,
            lineStyle:{  
                color:"#b5b5b5"
            }  
        },
        axisTick: {
            show: false,
        },
        axisLabel: {
            show: true,
            textStyle: {
                fontFamily: "PingFang-SC-Medium",
            	fontSize: 12,
            	color: "#fff"
            }
        }
    },
    yAxis: {
        type : 'value',
        //name:'12123322',
        interval: 1,
        nameTextStyle:{
            color:'#666666',
            fontFamily: "PingFang-SC-Medium",
	        fontSize: 10,
        },
        axisLine:{  
            show:false,
            lineStyle:{  
                color:"#b5b5b5"
            }
        },
        axisTick: {
            show: false,
        },
        axisLabel: {
            show: true,
            textStyle: {
                fontFamily: "PingFang-SC-Medium",
            	fontSize: 12,
            	color: "#fff"
            }
        },
        
        splitLine:{  
                show:false  ,
                lineStyle:{
                opacity: 0.4,
	            backgroundColor: "rgba(181, 181, 181, 0.2)"
            }
        }
    },
    legend: {
        show:false,
        data: ['a','b','c','d','e'],
        left:'right',
    },
    series: [
        {
            name:'a',
            data: [null,8, 8.2, 8.2, 8.6, 8.5, 8.7, null,null],
            type: 'line',
            areaStyle: {
                normal:{
                    opacity:1,
                    color:'green',
                },
            },
            lineStyle: {
                opacity:0,
                color: '#fff',
            },
            symbol:'none', //去掉折线图中的节点
            smooth: true  //true 为平滑曲线,false为直线
        },
        {
            name:'a',
            data: [8, 8, 8, 8, 8, 8, 8, 8],
            type: 'line',
            areaStyle: {
                normal:{
                    opacity:1,
                    color:'#1f2b4c',
                },
                origin:'end',
                
            },
            lineStyle: {
                color: '#1f2b4c',
            },
            symbol:'none', //去掉折线图中的节点
            smooth: true  //true 为平滑曲线,false为直线
        },
        {
            name:'b',
            data: [null, 6.2, 6.2, 6.6, 6.5, 6.7, 6.7,null],
            type: 'line',
            areaStyle: {
                normal:{
                    opacity:0.5,
                    color:'blue',
                },
                origin:'end',
                
            },
            lineStyle: {
                color: '#1f2b4c',
            },
            symbol:'none', //去掉折线图中的节点
            smooth: true  //true 为平滑曲线,false为直线
        },
        {
            name:'b',
            data: [6, 6, 6, 6, 6, 6, 6,6],
            type: 'line',
            areaStyle: {
                normal:{
                    opacity:1,
                    color:'#1f2b4c',
                },
                origin:'end',
                
            },
            lineStyle: {
                color: '#1f2b4c',
            },
            symbol:'none', //去掉折线图中的节点
            smooth: true  //true 为平滑曲线,false为直线
        },
        {
            name:'c',
            data: [null, 4.2, 4.2, 4.6, 4.5, 4.7,4.9, null],
            type: 'line',
            areaStyle: {
                normal:{
                    opacity:0.5,
                    color:'blue',
                },
                origin:'end',
                
            },
            lineStyle: {
                color: '#1f2b4c',
            },
            symbol:'none', //去掉折线图中的节点
            smooth: true  //true 为平滑曲线,false为直线
        },
        {
            name:'c',
            data: [4, 4, 4, 4, 4, 4, 4,4],
            type: 'line',
            areaStyle: {
                normal:{
                    opacity:1,
                    color:'#1f2b4c',
                },
                origin:'end',
                
            },
            lineStyle: {
                color: '#1f2b4c',
            },
            symbol:'none', //去掉折线图中的节点
            smooth: true  //true 为平滑曲线,false为直线
        },
        {
            name:'d',
            data: [null, 2.2, 2.2, 2.6, 2.5, 2.7,2.9, null],
            type: 'line',
            areaStyle: {
                normal:{
                    opacity:0.5,
                    color:'blue',
                },
                origin:'end',
                
            },
            lineStyle: {
                color: '#1f2b4c',
            },
            symbol:'none', //去掉折线图中的节点
            smooth: true  //true 为平滑曲线,false为直线
        },
        {
            name:'d',
            data: [2, 2, 2, 2, 2, 2, 2,2],
            type: 'line',
            areaStyle: {
                normal:{
                    opacity:1,
                    color:'#1f2b4c',
                },
                origin:'end',
                
            },
            lineStyle: {
                color: '#1f2b4c',
            },
            symbol:'none', //去掉折线图中的节点
            smooth: true  //true 为平滑曲线,false为直线
        },
        {
            name:'e',
            data: [null, 0.2, 0.2, 0.6, 0.5, 0.7,0.1, null],
            type: 'line',
            areaStyle: {
                normal:{
                    opacity:0.5,
                    color:'blue',
                },
                origin:'end',
                
            },
            lineStyle: {
                color: '#1f2b4c',
            },
            symbol:'none', //去掉折线图中的节点
            smooth: true  //true 为平滑曲线,false为直线
        },
        {
            name:'e',
            data: [0, 0, 0, 0, 0, 0, 0,0],
            type: 'line',
            areaStyle: {
                normal:{
                    opacity:1,
                    color:'#1f2b4c',
                },
                origin:'end',
                
            },
            lineStyle: {
                color: '#1f2b4c',
            },
            symbol:'none', //去掉折线图中的节点
            smooth: true  //true 为平滑曲线,false为直线
        },
    ]
};