Zoomable Treemap 學習
遇到的問題:程式碼中的 treemap 根本沒用到啊?所以這是自己硬刻出來的吧?
Zoomable Treemap 學習
遇到的問題:程式碼中的 treemap 根本沒用到啊?所以這是自己硬刻出來的吧?
學習 treemap
遇到的問題:我改不動 mouseover 使區塊變色,mouseover 後 d3.select(this).style("background", anotherColor) 沒作用?
了解 force layout node 及 link 操作
將原本寫死的三個動作,變成可以自由新增 node 與 link
學習 force layout 及 transition
遇到的問題:不知道是不是 bug,當 node fixed 的時候且每個 node 的 x,y 都靜止不變後,double click node 並不會讓 node 彈回去
學習 mouse event 及 attrTween
遇到的問題:d3.interpolate 還是不懂運作的原理與作用
學習 pie, arc。嘗試使用 arc.centroid 把數字放在圖形上。
嘗試隨著資料內容變動,也同步更新 y 軸,但並沒有圖表更好,只是練習操作
了解 data(), datum() 的差別,學習 area 用法
將每個年份用不同的 area 分開
遇到的問題:為什麼每個 area 中間會有隙縫?而且大小還不同?因為日期沒有連續嗎?
試一下 transition,每次 update/remove 套用 transition。嘗試把 text 的 attr y 累加
了解 enter(), exit() 及 data binding
修改 data 產生的方式,方便觀察。exit() 不移除,而是變紅色