D3.js學習筆記

1、D3.js是資料驅動去建立dom的；

2、D3.js在生成圖表的過程中，有很大一部分工作都在處理即將展示的資料，對dom的操作非常少；

4、Data-Driven Documents 資料驅動！資料驅動！資料驅動

5、D3.js的某些API有著和jqueryAPI類似功能，簡化了javascript

6、D3.js的選擇器簡直神了，可以選擇空集

7、D3.js中的someDom.call（foo）函式，相當於把選擇的元素someDom作為foo的引數進行呼叫，即相當於執行了：foo(someDom);

8、D3.js的動畫效果由四大將軍來實現：transition()、duration()、ease()和delay()，將這四大將軍夾在 動畫的初始狀態和結束狀態之間即可；

9、D3.js中，enter()選取缺少的dom，通常用append()來補；exit()選取多餘的dom，通常用remove()來刪

10、D3.js中的layout函式是用來將待視覺化的資料轉換成要生成的圖形所需要的資料格式；

11、D3.js中cluster和tree的區別僅僅在於：在節點位置的安排上，cluster讓葉子節點對齊；tree讓處於同一層級的節點對齊；

13、D3.js中文字換行用tspan來完成，每個tspan元素可顯示一行；因此一般先用split函式來將要換行的文字轉換成按行分開的字串陣列，然後，將split返回的陣列繫結到tspan上即可

14、大概接觸了D3.js 第9天，中間也間歇過一兩天，之前有用過echarts,此時，最大的感受就是，D3.js 比起echarts自由很多。