数据可视化

最新推荐文章于 2024-08-12 07:30:00 发布

jiu_jio

最新推荐文章于 2024-08-12 07:30:00 发布

阅读量101

点赞数

本文链接：https://blog.csdn.net/jiu_jio/article/details/116935664

版权

frame

<!DOCTYPE html>
<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>frame
		</title>
	</head>
	<body>
		<svg id="svg01" width=800 height=600>
		<!--
			<rect x=20 y=20 width=100 height=300 fill="blue"/>
			<text x="0" y="20" fill="red">Hello</text>
			<line x1=0 y1=0 x2=800 y2=800 stroke="black"/>
		-->
		
		</svg>
		<script>
			var w=window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
			var h=window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
			w=w*0.98;
			h=h*0.98;
			
			var svg=document.getElementById("svg01");
			svg.setAttribute("width",w);
			svg.setAttribute("height",h);
			
		</script>
	</body>
</html>

frame（D3）

<!DOCTYPE html>
<html>
	<head>
	</head>
	<body>
		<script src="http://d3js.org/d3.v3.min.js" charset="utf></script>
		<script>
			var w=window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
			var h=window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
			w=w*0.98;
			h=h*0.9;
			
			var svg=d3.select("body")
				  	  .append("svg")
				  	  .attr("width",w)
				  	  .attr("height",h);
		
		
		</script>
	</body>
</html>