<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>D3的第一个例子</title>
<!-- 引入D3.js库 -->
<script src="http://d3js.org/d3.v3.min.js"
charset="utf-8"></script>
</head>
<body>
<p>Cat</p>
<p>Dog</p>
</body>
<script>
var p = d3.select("body")
.selectAll("p");
p.text("Hello world");
p.style("color","red");
p.style("font-size","72px")
</script>
<script type="text/javascript">
var width = 400;
var height = 400;
//添加svg
var svg = d3.select("body")
.append("svg")
.attr("width",width)
.attr("height",height);
svg.append("circle")
.attr("cx","50px")
.attr("cy","50px")
.attr("r","50px")
.attr("fill","red");
</script>
</html>
<!--
<script type="text/javascript">
var paras = document.getElementsByTagName("p");
for(var i=0;i<paras.length;i++){
var para = paras[i];
//var para = paras.item(i);
para.innerHTML = "hello world"
}
</script>
-->
D3数据可视化(1)
最新推荐文章于 2023-05-13 10:01:32 发布