【D3.js資料視覺化系列教程】--（二）最簡單的開始：新增元素
阿新 • • 發佈：2019-02-14
1. 新增元素語法：
[selection].append("p");
2. 怎麼做？
將D3.js解壓到桌面，同時在桌面建立一個index.html
<html>
<head>
<meta charset="utf-8">
<title>D3測試</title>
<script type="text/javascript" src="d3.js"></script>
</head>
<body>
<script type 3. 效果：
4. 程式碼解釋：
- 引用D3所在路徑
<script type="text/javascript" src="d3.js"></SCRIPT>
- 選擇body標籤，為之新增一個p標籤，並設定它的內容為New paragraph！
d3.select("body").append("p").text("New paragraph!" - 你可以將連結選擇換行，這樣程式碼結構更清晰
d3.select("body")
.append("p")
.text("New paragraph!");
- 當然，也可以避免使用連結語法：
var body = d3.select("body");
var p = body.append("p");
p.text("New paragraph!");
以後，你也可以把這些頁面和JS部署到你自己的伺服器中。我們之後的示例都將部署到伺服器，並使用Chrome瀏覽器演示！！