d3的常用方法和資料型別

2022-02-03 03:42:28 字數 1676 閱讀 4876

1. 選擇集自身屬性

1. selection.empty() 選擇集是否為空,為空返回true,否則返回false

2. selection.node() 返回第乙個非空元素,無則返回null

3. selection.size() 返回選擇集中的元素個數

2. 選擇集元素屬性

1. attr 設定屬性

2. classed 設定class

3. style 設定行內樣式

4. property 設定屬性,區別於attr,部分屬性不能用attr,例如 input的value,核取方塊的checked等,不會顯示在標籤上的屬性

5. text 設定或獲取元素內部的內容,不包括標籤,效果同innertext

6. html 設定或獲取元素顳部的html,效果同innerhtml

3. 選擇集的增刪

2. insert(name,[before]) 插入,name為元素名稱,before為css選擇器

3. remove() 刪除元素

選擇集遍歷、排序、過濾

1. each((d,i) => {}) 遍歷

2. filter((d,i) => {}) 過濾

3. sort((a,b) => {}) 排序,同js的array的sort

4. call(func) 對選擇集的每乙個元素呼叫func函式

4. d3陣列常用操作

1. d3.ascending 公升序函式 var nums = [1,5,2]; nums.sort(d3.ascending);

2. d3.descending 降序函式 var nums = [1,2,5]; nums.sort(d3.descending);

3. d3.min 最小值

4. d3.max 最大值

5. d3.extend 最小和最大值

6. d3.sum 求和

7. d3.mean 求平均值

8. d3.range([start,]stop[,step]) 返回範圍,等差數列

9. d3.shuffle 洗牌陣列

10. d3.merge 合併陣列

5. d3的對映

d3的對映,map,就是key-value鍵值對,形式上與js的map有些區別。

d3.map([object][,key]) 會產生乙個對映,其value,就是object的每個項,key是後面指定的key

例如:

var dataset =[,,

]var map = d3.map(dataset, function(d));

得到的對映是 key為 id,value為陣列的一項,例如

對映有一些常用方法

map.has(key) 

map.get(key)

map.set(key,value)

map.remove(key)

map.keys()

map.values()

map.entries()

map.each()

map.empty()

//是否為空

map.size() //

對映大小

運用d3和d3 top實現折現的方法

昨天和今天一直在弄如何把折線倒置 模擬資料 var dataset 建立x軸的比例尺 線性比例尺 var xscale d3.scale.linear domain d3.extent dataset,function d range 0,width padding.left padding.rig...

D3中常用的比例尺

d3中有個重要的概念就是比例尺。比例尺就是把一組輸入域對映到輸出域的函式。對映就是兩個資料集之間元素相互對應的關係。比如輸入是1,輸出是100,輸入是5,輸出是10000,那麼這其中的對映關係就是你所定義的比例尺。d3中有各種比例尺函式,有連續性的,有非連續性的,本文對於常用比例尺進行一一介紹。1....

C 常用資料型別常用方法

vector初始化 長度為0的空vector vector vct1 vector裡面有n個0 vector vct2 n vector裡面有n個m vector vct3 n,m 從已有的vector建立 vector vct4 vct3 選取已有vector的部分建立 vector vct5 v...