526互联

Echarts demo

发布时间 2024-01-13 11:50:44作者: 框框A
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/echarts.min.js"></script>
	</head>
	<body>
		<div id="div1" style="width: 600px;height: 400px;"></div>
		<script>
			var myChart = echarts.init(document.getElementById("div1"));
			//bar
			// var option={
			// 	legend:{
			// 		data:['steps']
			// 	},
			// 	xAxis:{
			// 		data:['monday','tuesday','wednesday']
			// 	},
			// 	yAxis:{},
			// 	series:[
			// 		{
			// 			name:'steps',
			// 			type:'bar',
			// 			data:[8000,11000,9000]

			// 	},
			// 	]
			// }

			//line
			// var option={
			// 	xAxis:{
			// 		type:'category',
			// 		data:['monday','tuesday','wednesday']
			// 	},
			// 	yAxis:{
			// 		type:'value'
			// 	},
			// 	series:[
			// 		{
			// 			type:'line',
			// 			data:[8000,11000,9000]

			// 	},
			// 	]
			// }

			//pie
			var option = {
				series: [
					{
					type: 'pie',
					data: [
						{
							name: 'monday',
							value: 8000
						},
						{
							name: 'tuesday',
							value: 11000
						},
						{
							name: 'wednesday',
							value: 9000
						}
					]
				}
				]
			}

			myChart.setOption(option);
		</script>
	</body>
</html>