Echarts的引用

最新推荐文章于 2024-08-13 18:13:57 发布

路来了

最新推荐文章于 2024-08-13 18:13:57 发布

阅读量471

点赞数 1

分类专栏： web前端的学习文章标签：前端

本文链接：https://blog.csdn.net/qq_41709494/article/details/104910431

版权

web前端的学习专栏收录该内容

0 篇文章 0 订阅

订阅专栏

1.主要内容，参考文档：https://www.echartsjs.com/zh/index.html

1.引入echarts的js文件
2.HTML设置一个具有宽高的容器
3.将容器初始化echarts实例 echarts.init 
4.设置图表的样式
5.将图表放入容器中

2.代码示例

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<style type="text/css">
	#main{
		width:600px;
		height:400px;
	}
	</style>
<body>
	<div id="main"></div>
		<script src="js/echarts.min.js"></script>
	<script>
		//初始化eacharts实例
		var mychart = echarts.init(document.getElementById("main"));
		//设置图表内容
		var option ={
		
		};
		//把图表放入实例中
		mychart.setOption(option);
	</script>
</body>
</html>