tt-5-php-6001/plugin/admin/public/demos/echarts/script/line3.js

layui.use(['echarts'], function() {
	let echarts = layui.echarts;

	var line3 = echarts.init(document.getElementById('line3'),null, {
		width: 600,
		height: 400
	});

	const colorList = ["#9E87FF", '#73DDFF', '#fe9a8b', '#F56948', '#9E87FF']

	option = {
		backgroundColor: '#fff',
		title: {
			text: "告警数",
			left: "18px",
			top: "0",			
			color: "#999",
			fontSize: 12,
			fontWeight: '400'			
		},
		color: ['#73A0FA', '#73DEB3', '#FFB761'],
		tooltip: {
			trigger: 'axis',
			axisPointer: {
				type: 'cross',
				crossStyle: {
					color: '#999'
				},
				lineStyle: {
					type: 'dashed'
				}
			}
		},
		grid: {
			left: '25',
			right: '25',
			bottom: '24',
			top: '75',
			containLabel: true
		},
		legend: {
			data: ['上周', '本周'],
			orient: 'horizontal',
			icon: "rect",
			show: true,
			left: 20,
			top: 25,
		},
		xAxis: {
			type: 'category',
			data: ['爱立信端局', '中兴端局', '爱立信HSS', '中兴HSS', '华为HSS', '华为智能网', '中兴VIMS'],
			splitLine: {
				show: false
			},
			axisTick: {
				show: false
			},
			axisLine: {
				show: false
			},
		},
		yAxis: {
			type: 'value',
			axisLabel: {
				color: '#999',				
				fontSize: 12				
			},
			splitLine: {
				show: true,
				lineStyle: {
					color: '#F3F4F4'
				}
			},
			axisTick: {
				show: false
			},
			axisLine: {
				show: false
			},
		},
		series: [{
				name: '上周',
				type: 'line',
				smooth: true,
				data: [1800, 1000, 2000, 1000, 500, 100, 1200]
			},
			{
				name: '本周',
				type: 'line',
				smooth: true,
				data: [1700, 999, 1100, 899, 199, 99, 1000]
			}
		]
	};

	line3.setOption(option);

	window.onresize = function() {
		line3.resize();
	}
	
})