折线图echarts 折线配置项内容和展示

      option = {
				backgroundColor: '#fff',
				color: ['#157DFF','rgba(196, 166, 251, 1)'],
				tooltip: {
					trigger: 'axis',
					axisPointer: {
					    type: 'none'
					}
				},
				legend: {
				 show: true,
				 right: '10%',
				 top: '5%',
				 icon: 'rect',
				 
				},
				grid: {
					top: '15%',
					left: '5%',
					right: '3%',
					bottom: '8%',
					// containLabel: true
				},
				xAxis: [{
					type: 'category',
     axisLine: {
						show: true,
						lineStyle: {
						    color: 'rgba(151, 151, 151, 1)'
						}
					},
					axisLabel: {
						show: true,
						// margin: 20,
						textStyle: {
							color: "#000",
						},
					},
					axisTick: {
						show: false
					},
					// boundaryGap: true,
					data: ['年假', '事假', '产假', '护理假'],

				}],

				yAxis: [{
					type: 'value',
					min: 0,
					splitNumber: 4,
					axisLine: {
						show: true,
						lineStyle: {
						    color: 'rgba(151, 151, 151, 1)'
						}
					},
					axisLabel: {
						show: true,
						textStyle: {
							color: "#000",
						},
					},
					axisTick: {
						show: true,
					},
					splitLine: {
					 show: false
					},
					splitArea: {
					 show: true,
					 areaStyle: {
					  color: ['#fff','rgba(245, 246, 250, 1)']
					 }
					}
				}],
				series: [
				 {
					name: '总人数',
					type: 'line',
					// smooth: true, //是否平滑
					showSymbol: false,
					symbol: "none",
					hoverAnimation: false,
					lineStyle: {
					 width: 2,
							color: "#157DFF",
							shadowColor: 'rgba(21, 125, 255, .73)',
       shadowBlur: 2,
       shadowOffsetY: 1
					},
					tooltip: {
						show: true
					},
					data: [55, 35, 62, 55],
				},
				{
					name: '请假人数',
					type: 'line',
					// smooth: true, //是否平滑
					showSymbol: false,
					symbol: 'none',
					lineStyle: {
						    width: 2,
							color: "rgba(196, 166, 251, 1)",
							shadowColor: 'rgba(196, 166, 251, .73)',
                            shadowBlur: 2,
                            shadowOffsetY: 1
					},
					label: {
						show: false,
						position: 'top',
						textStyle: {
							color: '#48B3FF',
						}
					},
					tooltip: {
						show: true
					},
					data: [42,30,54,48],
				}
				]
			};