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

企业端-'整改', '投诉', '自检自查'根据时间统计

      option = {
		tooltip: {
			trigger: 'axis'
		},
		legend: {
			color: ["#05C985", "#1F8EFA", "#FFAB4F"],
			data: ['整改', '投诉', '自检自查'],
			left: 'right',
			top: '-5px'
		},
		grid: {
			top: 'middle',
			left: '0%',
			right: '4%',
			bottom: '3%',
			height: '80%',
			containLabel: true
		},
		xAxis: {
			type: 'category',
			data: ['一月', '二月', '三月', '四月', '五月', '六月'],
			axisLine: {
				lineStyle: {
					color: "#999"
				}
			}
		},
		yAxis: {
			type: 'value',

			splitLine: {
				lineStyle: {
					type: 'dashed',
					color: '#DDD'
				}
			},
			axisLine: {
				show: false,
				lineStyle: {
					color: "#333"
				},
			},
			nameTextStyle: {
				color: "#999"
			},
			splitArea: {
				show: false
			}
		},
		series: [{
				name: '整改',
				type: 'line',
				data: [800, 900, 220, 130, 660, 289],
				color: "#F58080",
				lineStyle: {
					normal: {
						width: 1.5,
						color: {
							type: 'linear',

							colorStops: [{
								offset: 0,
								color: '#05C985' // 0% 处的颜色
							}, {
								offset: 0.4,
								color: '#05C985' // 100% 处的颜色
							}, {
								offset: 1,
								color: '#05C985' // 100% 处的颜色
							}],
							globalCoord: false // 缺省为 false
						},
						shadowColor: 'rgba(245,128,128, 0.5)',
						shadowBlur: 5,
						shadowOffsetY: 3
					}
				},
				itemStyle: {
					normal: {
						color: '#05C985',
						borderWidth: 3,
						/*shadowColor: 'rgba(72,216,191, 0.3)',
						 shadowBlur: 100,*/
						borderColor: "#05C985"
					}
				},
				smooth: true
			},
			{
				name: '投诉',
				type: 'line',
				data: [123, 568, 111, 222, 123, 56],
				lineStyle: {
					normal: {
						width: 1.5,
						color: {
							type: 'linear',

							colorStops: [{
									offset: 0,
									color: '#1F8EFA' // 0% 处的颜色
								},
								{
									offset: 0.4,
									color: '#1F8EFA' // 100% 处的颜色
								}, {
									offset: 1,
									color: '#1F8EFA' // 100% 处的颜色
								}
							],
							globalCoord: false // 缺省为 false
						},
						shadowColor: 'rgba(71,216,190, 0.5)',
						shadowBlur: 5,
						shadowOffsetY: 3
					}
				},
				itemStyle: {
					normal: {
						color: '#1F8EFA',
						borderWidth: 3,
						/*shadowColor: 'rgba(72,216,191, 0.3)',
						 shadowBlur: 100,*/
						borderColor: "#1F8EFA"
					}
				},
				smooth: true
			},
			{
				name: '自检自查',
				type: 'line',
				data: [125, 568, 25, 36, 784, 56],
				lineStyle: {
					normal: {
						width: 1.5,
						color: {
							type: 'linear',

							colorStops: [{
									offset: 0,
									color: '#FFAB4F' // 0% 处的颜色
								},
								{
									offset: 0.4,
									color: '#FFAB4F' // 100% 处的颜色
								}, {
									offset: 1,
									color: '#FFAB4F' // 100% 处的颜色
								}
							],
							globalCoord: false // 缺省为 false
						},
						shadowColor: 'rgba(249,165,137, 0.5)',
						shadowBlur: 5,
						shadowOffsetY: 3
					}
				},
				itemStyle: {
					normal: {
						color: '#FFAB4F',
						borderWidth: 3,
						/*shadowColor: 'rgba(72,216,191, 0.3)',
						 shadowBlur: 100,*/
						borderColor: "#FFAB4F"
					}
				},
				smooth: true
			}
		]
	};