d3.js學習筆記（未完待續）

d3.js和jQuery同樣，是鏈式語法。

d3.js經常使用方法：

1. d3.select()：使用CSS選擇器語法從DOM中選擇單一元素。

如：d3.select("body");

2. d3.selectAll()：選擇全部符合要求的元素。

如：d3.select("body").selectAll("p");//選中body中全部的p元素

3. selection.append()：建立元素，並追加到選集（selection）的尾部。

如：d3.select("body").append("p");//建立p元素，並追加到body的子元素中最後一個

4. selection.text()：設置文字內容。

如：d3.select("body").append("p").text("New");//爲p元素添加文字內容

5. selection.data()：把數據綁定到DOM元素上，數值會存儲在DOM元素的__data__屬性中

如：d3.select("body").selectAll("p").data(dataset);

6. selection.enter()：建立新的綁定數據的元素時須要使用該方法，它首先檢查DOM，而後將數據傳遞給DOM，若是數值數量多於對應的DOM元素，則該方法會建立新的佔位元素，並將其連接向下傳遞

如：d3.select("body").selectAll("p").data(dataset).enter().append("p").text("New paragraph!");

7. selection.style()：改變CSS樣式

如：d3.select("div").style("height", 「10px」);

8. attr()：改變HTML屬性值的方法

如：d3.select("div").attr("class", "bar");

9. selection.classed()：快速從元素中應用或移除類的方法

如：d3.select("div").classed("bar", true);

上面的函數是我在示例學習的時候用到的經常使用函數。更多的函數能夠參見d3的官方API檢索。