睡眠质量监测echarts 折线配置项内容和展示

睡眠质量监测,可分配不同颜色

      option = {
    
    color:['#FBD337','#4ECB73','#3AA0FF','#F04864','#975FE4','#36CBCB'],
    title: {
        text: '',
        textStyle:{
            color:'#fff', 
        },
    },
    backgroundColor:'white',
    tooltip: {
        trigger: 'axis'
    },
    dataZoom: {
        bottom: '0',
        height: '30',
        dataBackground: {
            lineStyle: {
                color: '#39977D'
            },
            areaStyle: {
                color: 'rgba(57,151,125,1)'
            }
        },
        borderColor: 'rgba(57,151,125,0.2)',
        textStyle: {
            color: '#39977D',
        },
        end: 80
    },
    legend: {
        data:[ 
	    	{name: '送端发出功率'},
	        {name:'站端接收功率'},
	        {name:'7条线输出总功率'}
        ]
    },
    grid: {
        left: '3%',
        right: '4%',
        bottom: '30',
        containLabel: true
    },
	xAxis: {
        type: 'category',
          data: ["	0:15	"	, "	0:30	"	, "	0:45	"	, "	1:00	"	, "	1:15	"	, "	1:30	"	, "	1:45	"	, "	2:00	"	, "	2:15	"	, "	2:30	"	, "	2:45	"	, "	3:00	"	, "	3:15	"	, "	3:30	"	, "	3:45	"	, "	4:00	"	, "	4:15	"	, "	4:30	"	, "	4:45	"	, "	5:00	"	, "	5:15	"	, "	5:30	"	, "	5:45	"	, "	6:00	"	, "	6:15	"	, "	6:30	"	, "	6:45	"	, "	7:00	"	, "	7:15	"	, "	7:30	"	, "	7:45	"	, "	8:00	"	, "	8:15	"	, "	8:30	"	, "	8:45	"	, "	9:00	"	, "	9:15	"	, "	9:30	"	, "	9:45	"	, "	10:00	"	, "	10:15	"	, "	10:30	"	, "	10:45	"	, "	11:00	"	, "	11:15	"	, "	11:30	"	, "	11:45	"	, "	12:00	"	, "	12:15	"	, "	12:30	"	, "	12:45	"	, "	13:00	"	, "	13:15	"	, "	13:30	"	, "	13:45	"	, "	14:00	"	, "	14:15	"	, "	14:30	"	, "	14:45	"	, "	15:00	"	, "	15:15	"	, "	15:30	"	, "	15:45	"	, "	16:00	"	, "	16:15	"	, "	16:30	"	, "	16:45	"	, "	17:00	"	, "	17:15	"	, "	17:30	"	, "	17:45	"	, "	18:00	"	, "	18:15	"	, "	18:30	"	, "	18:45	"	, "	19:00	"	, "	19:15	"	, "	19:30	"	, "	19:45	"	, "	20:00	"	, "	20:15	"	, "	20:30	"	, "	20:45	"	, "	21:00	"	, "	21:15	"	, "	21:30	"	, "	21:45	"	, "	22:00	"	, "	22:15	"	, "	22:30	"	, "	22:45	"	, "	23:00	"	, "	23:15	"	, "	23:30	"	, "	23:45	"	, "	24:00	"]
    },
    yAxis: {
        type: 'value'
    },
    series: [
        {
        	name:'送端发出功率',
           data:[5000.00 	, 5001.00 	, 5002.00 	, 5003.00 	, 5004.00 	, 5005.00 	, 5006.00 	, 5007.00 	, 5008.00 	, 5009.00 	, 5010.00 	, 5011.00 	, 5012.00 	, 5013.00 	, 5014.00 	, 5015.00 	, 5016.00 	, 5017.00 	, 5018.00 	, 5019.00 	, 5020.00 	, 5021.00 	, 5022.00 	, 5023.00 	, 5024.00 	, 5025.00 	, 5026.00 	, 5027.00 	, 5028.00 	, 5029.00 	, 5030.00 	, 5031.00 	, 5032.00 	, 5033.00 	, 5034.00 	, 5035.00 	, 5036.00 	, 5037.00 	, 5038.00 	, 5039.00 	, 5040.00 	, 5041.00 	, 5042.00 	, 5043.00 	, 5044.00 	, 5045.00 	, 5046.00 	, 5047.00 	, 5048.00 	, 5049.00 	, 5050.00 	, 5051.00 	, 5052.00 	, 5053.00 	, 5054.00 	, 5055.00 	, 5056.00 	, 5057.00 	, 5058.00 	, 5059.00 	, 5060.00 	, 5061.00 	, 5062.00 	, 5063.00 	, 5064.00 	, 5065.00 	, 5066.00 	, 5067.00 	, 5068.00 	, 5069.00 	, 5070.00 	, 5071.00 	, 5072.00 	, 5073.00 	, 5074.00 	, 5075.00 	, 5076.00 	, 5077.00 	, 5078.00 	, 5079.00 	, 5080.00 	, 5081.00 	, 5082.00 	, 5083.00 	, 5084.00 	, 5085.00 	, 5086.00 	, 5087.00 	, 5088.00 	, 5089.00 	, 5090.00 	, 5091.00 	, 5092.00 	, 5093.00 	, 5094.00 	, 5000.00],
            type: 'line',
             smooth: true,
			areaStyle: {normal: {}}
	    },
        {
        	name:'站端接收功率',
           data:[3700	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000],
           type: 'line',
            smooth: true,
			areaStyle: {normal: {}}
        },
        {
        	name:'7条线输出总功率',
           data:[3000	, 3000	, 3000	, 3000	, 3000	, 3000	, 3000	, 3000	, 3000	, 3000	, 3000	, 3000	, 3000	, 3000	, 3000	, 3000	, 3000	, 3000	, 3000	, 3000	, 3000	, 3000	, 3000	, 3000	, 3000	, 3000	, 3000	, 3000	, 3000	, 3000	, 3000	, 3000	, 3400	, 3400	, 3400	, 3400	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 4000	, 3400	, 3400	, 3400	, 3400	, 3400	, 3400	, 3400	, 3400	, 3400	, 3400	, 3400	, 3400	, 3400	, 3400	, 3400	, 3400	, 3400	, 3400	, 3400	, 3400	, 3000	, 3000	, 3000	, 3000	, 3000	, 3000	, 3000	, 3000	, 3000],
            type: 'line',
            smooth: true,
			areaStyle: {normal: {}}
        }
    ]
};