14篇文章 · 10728字 · 2人關注
-
12-D3.js地圖一一铅、JSON與GeoJSON GeoJSON 是基于 JSON 的源譬、 為 Web 應用而編碼地理數(shù)據(jù)的一個標準泼掠。實際上褥紫，GeoJSON 并不是另...
-
11-D3.js力導向圖力導向圖（Force-Directed Graph）剩愧，是繪圖的一種算法。在二維或三維空間里配置節(jié)點赘风，節(jié)點之間用線連接夹囚，稱為連線。 各連線的長度幾...
-
10-D3.js餅圖一邀窃、餅狀圖 dataset = [5, 10, 20, 45, 6, 25];這樣的值是不能直接繪圖的荸哟。例如繪制餅狀圖的一個部分，需要知道一段弧...
-
09-D3.js動態(tài)增刪數(shù)據(jù)
目前為止蛔翅，只要更新數(shù)據(jù)敲茄，我們采用的都是“整批整包”的方式：改變數(shù)據(jù)集數(shù)組中的值，然后重新綁定修改后的值山析，覆蓋原始值對 DOM 元素的綁定堰燎。 這種...
-
08-D3.js散點圖隨機數(shù)+坐標軸+散點圖 更新散點圖，支持數(shù)據(jù)更新和動態(tài)比 單擊上方的文本可以生成新數(shù)據(jù)并更新圖表更新數(shù)據(jù)后笋轨，使用了動畫過渡更新x和y軸的比例尺 ...
-
07-D3.js交互和布局一秆剪、交互操作 對某一元素添加交互操作十分簡單： 在D3 中，每一個選擇集都有 on() 函數(shù)爵政，用于添加事件監(jiān)聽器仅讽。 鼠標常用的事件有： clic...
-
06-D3.js過渡動畫
D3提供了4個方法用于實現(xiàn)圖形的過渡 transition 圖形變化前后的狀態(tài)（形狀、位置钾挟、顏色等） duration() 指定動畫過渡的時間（...
-
05-D3.js完整的柱狀圖（比例尺+坐標軸）一個完整的柱形圖包含三部分：矩形洁灵、文字、坐標軸掺出。這里對前幾章的內容進行綜合的運用徽千，制作一個實用的柱形圖，內容包括：選擇集汤锨、數(shù)據(jù)綁定双抽、比例尺、坐標...
-
04-D3.js坐標軸坐標軸闲礼，是可視化圖表中經(jīng)常出現(xiàn)的一種圖形牍汹，由一些列線段和刻度組成。坐標軸在 SVG 中是沒有現(xiàn)成的圖形元素的柬泽，需要用其他的元素組合構成慎菲。D3 提...
