横线

描述:当前是关于Echarts图表中的 折线图 示例。
 
            let slaColor = ['#00A961','#AF9B25','#AF9B25']
option = {
            backgroundColor: '#090C1B',
            title: {
 
                textStyle: {
                    align: 'center',
                    rich:{
                        a:{
                            color:'#29B3DE',
                            fontSize: 14,
                            fontWeight:'bold'
                        },
                        b:{
                            color:'#BEC5D9',
                            fontSize:12
                        }
                    }
                },
                // top: '3%',
                left: 'left',
            },
            color:slaColor,
            tooltip: {
                trigger: 'axis',
                axisPointer: { // 坐标轴指示器,坐标轴触发有效
                    type: 'line' // 默认为直线,可选为:'line' | 'shadow'
                }
            },
            // Calculable: true,
            grid: {
                top: '10%',
                bottom: '5%',
                left: '4%',
                right: '20px',
                containLabel: true
            },
            legend: {
                right:'10%',
                top:'10%',
                itemHeight:8,
                itemWidth:8,
                itemGap:13,
                icon:'circle',
                textStyle:{
                    color:'white',
                    fontSize:12,
                }
            },
            xAxis: [{
                boundaryGap: false,
                splitLine: {
                    show: false
                },
                interval:20*60*1000,
                axisTick: {
                    show: false
                },
                axisLine: {
                    // show: false
                    color:'#BEC5D9'
                },
                data: ['0', '1','2', '3'],
            }],
            yAxis: [{
            
                nameTextStyle:{
                    color:'#BEC5D9',
                },
                type: 'value',
                max: 4,
                splitLine: {
                    show: false
                },
                axisTick: {
                    show: false
                },
                axisLine: {
                    show: false,
                },
                axisLabel:{
                    color:'#BEC5D9',
                    // formatter: '{value}ms'
                },
                
            }],
            series: [
                {
         
                    type: 'line',
                    data: [1, 1, '', '']
                },
        
                // {
                //     name: '丢包率',
                //     type: 'line',
                //     // tipeLang: true,
                //     data: result.rate
                // },
            ]
        };