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 // }, ] };