echarts 折线配置项内容和展示

      option = {
    tooltip : {
        trigger: 'axis'
    },
    legend: {
        orient:'vertical',
        left:'15%',
        top:'10%',
        borderWidth:'1',
        borderColor:'#000000',
        data:[
            {
                name:'CP-ABE',
                textStyle:{
                    fontSize:18
                }
            },
            {
                name:'FH-CP-ABE',
                textStyle:{
                    fontSize:18
                }
            },
            {
                name:'LS-CP-ABE',
                textStyle:{
                    fontSize:18
                }
            },
            {
                name:'AHA',
                textStyle:{
                    fontSize:18
                }
            },
            ]
    },
    toolbox: {
        show : true,
        feature : {
            mark : {show: true},
            dataView : {show: true, readOnly: false},
            magicType : {show: true, type: ['line', 'bar', 'stack', 'tiled']},
            restore : {show: true},
            saveAsImage : {show: true}
        }
    },
    calculable : true,
    xAxis : [
        {
            type : 'category',
            boundaryGap : false,
            data : [
                {
                    value:'2',
                    textStyle:{
                        fontSize:'18'
                    }
                },
                {
                    value:'3',
                    textStyle:{
                        fontSize:'18'
                    }
                },
                {
                    value:'4',
                    textStyle:{
                        fontSize:'18'
                    }
                },
                {
                    value:'5',
                    textStyle:{
                        fontSize:'18'
                    }
                },
                {
                    value:'6',
                    textStyle:{
                        fontSize:'18'
                    }
                },
                {
                    value:'7',
                    textStyle:{
                        fontSize:'18'
                    }
                },
                {
                    value:'8',
                    textStyle:{
                        fontSize:'18'
                    }
                }
                ],
            name : 'Structural level',
            nameLocation : 'middle',
            nameGap:'30',
            nameTextStyle:{
                fontSize:'20'
            },
            axisTick:{
                inside:'true'
            },
            
        }
    ],
    yAxis : [
        {
            type : 'value',
            name : 'Time(ms)',
            nameLocation : 'middle',
            nameGap:'70',
            nameTextStyle:{
                fontSize:'20'
            },
            axisTick:{
                inside:'true'
            },
            axisLabel:{
                fontSize:'18'
            },
            splitLine:{
                show:false
            }
        }
    ],
    series : [
        {
            name:'CP-ABE',
            type:'line',
            symbol:'circle',
            symbolSize:'15',
            data:[4852,7082,9734,11638,14009,16380,18423]
        },
{
            name:'FH-CP-ABE',
            type:'line',
            symbol:'diamond',
            symbolSize:'15',
            data:[2500,2500,2500,2500,2500,2500,2500]
        },

{
            name:'LS-CP-ABE',
            type:'line',
            symbol:'rect',
            symbolSize:'15',
            data:[3135,4431,5803,7129,8596,9672,10889]
        },

{
            name:'AHA',
            type:'line',
            symbol:'triangle',
            symbolSize:'15',
            data:[1545,1545,1545,1545,1545,1545,1545]
        },
    ]
};