D3 라이브러리에서 제공하는 모든 API는 D3 네임 스페이스에 있습니다. D3 라이브러리는 시맨틱 버전화를 사용합니다. d3.version 사용하여 현재 버전 정보를 볼 수 있습니다.
D3 (핵심 부분)
선택 세트
- d3.select- 현재 문서에서 일련의 요소를 선택하십시오.
- d3.selectall- 현재 문서에서 여러 요소를 선택하십시오.
- selection.attr- 지정된 속성을 설정하거나 가져옵니다.
- selection.classed- 선택한 요소의 CSS 클래스 (CSS 클래스)를 추가 또는 삭제합니다.
- selection.style- CSS 속성을 설정하거나 삭제합니다. 스타일 우선 순위는 attr보다 높습니다.
- selection.property- 기본 속성 값 (RAW 속성)을 설정하거나 얻습니다.
- selection.text- 선택한 요소의 레이블 텍스트 내용을 설정하거나 가져옵니다.
- selection.html- 선택된 요소에 대해 HTML 컨텐츠를 설정하거나 가져옵니다 (InnerHTML과 유사)
- 선택 - 선택 - 선택한 요소에 새 요소를 작성하고 추가 한 후.
- selection.insert- 선택한 요소 앞에 새 요소를 생성하고 추가하십시오.
- 선택.
- selection.data- 관계형 조인을 계산하는 동안 요소 그룹에 대한 데이터를 가져 오거나 설정합니다.
- selection.enter- 누락 된 요소의 자리 표시자를 반환하여 선택한 요소 세트보다 더 많은 결합 데이터의 일부를 가리 킵니다.
- selection.exit- 중복 요소의 요소 세트를 리턴합니다. 즉, 요소의 결합 데이터보다 더 많은 것을 선택합니다. (예제 1, 예제 2, 예 3 데이터에 대한 예제, Enter, Exit Principle)
- selection.datum- 연결되지 않은 개별 요소의 데이터를 설정하거나 가져옵니다. (가입을 계산하지 않고 개별 요소에 대한 데이터를 가져 오거나 설정하십시오.)
- selection.filter- 결합 데이터를 기반으로 선택 세트를 필터링합니다.
- self.SORT- 결합 된 데이터에 따라 선택한 요소를 정렬하십시오.
- selection.order- 선택 세트와 일치하도록 문서의 요소를 재주문합니다.
- 선택 - 이벤트 리스너를 추가하거나 삭제합니다.
- selection.Transition- 전환 효과 (전환 객체로의 반환)를 시작하여 애니메이션으로 이해할 수 있습니다.
- selection.interrupt- 모든 애니메이션 액션을 즉시 중지합니다.
- selection.each- 선택한 각 요소 세트에 대해 지정된 함수를 호출합니다.
- selection.call- 현재 선택된 요소 세트의 지정된 기능을 호출합니다.
- selection.Empty- 선택 세트가 비어 있는지 테스트하십시오.
- select.node- 선택 세트의 첫 번째 요소를 반환합니다.
- selection.size- 선택 세트의 요소 수를 반환합니다.
- selection.select - 선택한 요소의 첫 번째 자식 요소를 선택하여 새 선택 세트를 형성하십시오.
- select.selectall- 선택한 요소의 여러 자식 요소를 선택하여 새 선택 세트를 형성합니다.
- d3.selection- 선택 세트 객체 프로토 타입 (
d3.selection.prototype 를 통해 선택 세트에 대해 향상 될 수 있음). - D3.Event- 현재 상호 작용의 사용자 이벤트를 얻으십시오.
- d3.mouse- 특정 요소에 비해 마우스의 좌표를 가져옵니다.
- d3.touches- 특정 요소와 관련하여 터치 포인트의 좌표를 얻습니다.
전환 효과
- D3.Transition- 애니메이션 전환을 시작하십시오. 간단한 튜토리얼
- 전환 - 각 요소 전환에 대한 지연 시간 (밀리 초 ms)을 지정합니다.
- 전환 - adrature- 각 요소의 전환 지속 시간을 밀리 초 MS로 지정합니다.
- Transition.ease- 전환에 대한 버퍼 함수를 지정합니다.
- Transition.attr- 새 항목 속성 값으로 부드럽게 전환합니다 (시작 속성 값은 현재 속성입니다).
- 전환 - ATTRTPEIN- 다른 attration 값 사이의 부드러운 전환 (시작 속성 값은 전환 함수에서 설정 될 수 있으며 전체 전환 함수조차 사용자 지정할 수 있음).
- 전환 스타일 - 새로운 스타일 속성 값으로의 원활한 전환.
- Transition.Styletween- 다양한 스타일 속성 값 사이의 원활한 전환.
- Transition.text- 전환 시작시 텍스트 내용을 설정하십시오.
- Transition.tween- 텍스트와 같은 비 ATTR 또는 비 스타일 속성 일 수있는 새 속성 값으로 속성을 전환합니다.
- 전환 - 선택 - 전환을 위해 각 현재 요소의 자식 요소를 선택하십시오.
- Transition.Selectall- 전환을 위해 각 현재 요소의 여러 자식 요소를 선택하십시오.
- 전환. 필터 - 전환을위한 데이터를 통해 현재 요소의 일부 요소를 필터링합니다.
- Transition.Transition- 현재 전환이 끝난 후 새로운 전환을 시작하십시오.
- 전환 - 전환이 끝난 후 현재 요소를 제거합니다.
- Transition.Empty- 전환이 비어 있으면 true를 반환합니다. 현재 요소에 null 요소가 없으면이 전환이 비어 있습니다.
- 전환 .node- 전환에서 첫 번째 요소를 반환합니다.
- 전환 - 크기 - 전환의 현재 요소 수를 반환합니다.
- 전환 - 각 요소를 가로 질러 작업을 수행합니다. 트리거 유형이 지정되지 않으면 동작이 즉시 수행됩니다. 트리거 유형이 'start'또는 'end'로 지정되면 전환의 시작 또는 끝에서 동작이 수행됩니다.
- 전환 .call- 이에 대한 현재 전환으로 함수를 실행하십시오.
- D3.Ease- 전환 버퍼링 기능을 사용자 정의합니다.
- 편안함 - 버퍼 기능. 버퍼 기능은 탄성 물체의 움직임을 시뮬레이션하는 데 사용할 수있는 탄성 버퍼 기능과 같은 애니메이션을보다 자연스럽게 만들 수 있습니다. 보간 기능의 특별한 경우입니다.
- D3. Timer- 사용자 정의 애니메이션 타이밍을 시작하십시오. 이 기능은 settimeout과 유사하지만 요청 animationFrame과 함께 내부적으로 구현되며 더 효율적입니다.
- d3.timer.flush- 즉시 지체없이 현재 시간을 실행합니다. 스플래시 화면 문제를 처리하는 데 사용할 수 있습니다.
- d3.interpolate- 두 매개 변수 사이에 보간되는 보간 함수를 생성합니다. 차이 함수의 유형은 입력 매개 변수 유형 (번호, 문자열, 색상 등)에 따라 자동으로 선택됩니다.
- 보간 - 기능을 보간합니다. 입력 매개 변수는 [0, 1] 사이에 있습니다.
- d3. interpolateNumber- 두 숫자 사이에 보간됩니다.
- d3. interpolateround- 두 숫자 사이에서 보간하면 반환 값이 반올림됩니다.
- d3. interpolatestring- 두 줄 사이에 보간됩니다. 문자열의 숫자를 구문 분석하면 해당 숫자가 보간됩니다.
- d3. interpolaterGB- 두 개의 RGB 색상 사이에 보간됩니다.
- d3.interpolatehsl- 두 HSL 색상 사이에 보간됩니다.
- d3. interpolatelab- 두 개의 l*a*b*색상 사이에서 보간됩니다.
- d3. interpolatehcl- 두 HCl 색상 사이에 보간됩니다.
- d3. interpolateArray- 두 시퀀스 사이를 보간합니다. d3.interpolateArray ([0, 1], [1, 10, 100]) (0.5); // 반환 [0.5, 5.5, 100]
- d3. interpolateobject- 두 객체 사이에 보간됩니다. d3.interpolateArray ({x : 0, y : 1}, {x : 1, y : 10, z : 100}) (0.5); // 반환 {x : 0.5, y : 5.5, z : 100}
- d3. interpolatetransform- 2 개의 2D 아핀 변환 사이에 보간됩니다.
- d3. interpolatezoom- 두 지점 사이의 변환을 부드럽게 조정합니다. 예
- d3. interpolators- 사용자 정의 보간 함수를 추가하십시오.
배열 작업
- D3.Ascending- 오름차순 정렬 함수.
- d3.descending- 내림차순 정렬 함수.
- d3.min- 배열에서 최소값을 얻습니다.
- d3.max- 배열에서 최대 값을 얻습니다.
- d3.extent- 배열의 범위 (최소 및 최대 값)를 가져옵니다.
- d3.sum- 배열에서 숫자 합을 가져옵니다.
- D3. 평균 - 배열에서 산술 평균을 얻습니다.
- d3.median- 배열에서 중간 숫자 수를 가져옵니다 (0.5 -quantile 값에 해당).
- d3. Quantile- 정렬 된 배열의 Quantile을 얻습니다.
- d3.bisect- 이분법 (d3.bisectright와 동일)을 통해 정렬 된 배열에서 특정 숫자의 삽입 위치를 가져옵니다.
- d3.bisectright- 정렬 된 배열에서 숫자의 삽입 위치를 가져옵니다 (동일한 값은 오른쪽으로 분류됩니다).
- d3.bisectleft- 정렬 된 배열에서 숫자의 삽입 위치를 가져옵니다 (동일한 값은 왼쪽으로 분류됩니다).
- D3.Bisector- 이진 함수를 사용자 정의합니다.
- d3.shuffle- 셔플, 배열에 요소를 무작위로 배열합니다.
- d3.permute- 지정된 순서로 배열로 요소를 배열합니다.
- d3.zip- 여러 숫자를 배열로 결합하는 배열. 새 배열의 I-TH 요소는 각 배열의 I-TH 요소로 구성된 배열입니다.
- d3.transpose- 매트릭스 전환, d3.zip을 통해 구현.
- d3. 페어 - 인접한 요소 쌍의 배열을 반환합니다 ([1, 2, 3, 4]); // 반환 [[1, 2], [2, 3], [3, 4]].
- d3.keys- 연관 배열 키 (해시 테이블, json, 객체 객체)로 구성된 배열을 반환합니다.
- d3. values- 연관 배열의 값으로 구성된 배열을 반환합니다.
- D3.ENTRIES- 연관 배열의 키 값 엔티티로 구성된 배열을 반환합니다. // 반환 [{key : "foo", value : 42}].
- d3.merge- 다중 배열을 하나로 연결하여 기본 메소드와 유사합니다. d3.merge ([[1], [2, 3]]); // 반환 [1, 2, 3].
- d3. 정렬 - 시퀀스를 얻으십시오. d3.range ([start,] stop [, step])
- d3.nest- 배열을 계층 구조로 정리하는 둥지 개체를 가져옵니다. 예 : http://bl.ocks.org/phoebebright/raw/3176159/
- Nest.key- 둥지 계층에 계층 구조를 추가합니다.
- Nest. Sortkeys- 현재 둥지 계층을 키로 정렬하십시오.
- Nest. SortValues- 값별로 Leaf Nest 계층을 정렬하십시오.
- Nest.Rollup- 리프 노드 값을 수정하는 함수를 설정합니다.
- Nest.map- 둥지 작업을 수행하여 연관 배열 (JSON)을 반환합니다.
- Nest.entries- 둥지 작업을 수행하여 키 값 배열을 반환합니다. Nest.Map에 의해 반환 된 결과가 {foo : 42}와 유사하면 Nest에서 반환 된 결과는 [{key : "foo", value : 42}]와 유사합니다.
- d3.map- JavaScript의 객체를 해시로 변환하여 객체의 프로토 타입 체인 함수로 인한 해시와 불일치 문제를 차단합니다.
- Map.has- 특정 키가 있으면 MAP가 true를 반환합니다.
- map.get-지도의 키에 해당하는 값을 반환합니다.
- Map.set- 맵에서 키에 해당하는 값을 설정합니다.
- Map.remove-지도에서 키를 삭제합니다.
- Map.keys-지도에서 모든 키 배열을 반환합니다.
- map.Values- 맵에서 모든 값의 배열을 반환합니다.
- Map.entries- 맵에서 모든 항목 배열 (키 값 키 값 쌍)을 반환합니다. {foo : 42}와 유사하게 [{key : "foo", value : 42}로 변환되었습니다.]
- map.foreach-지도의 각 항목에서 함수를 실행합니다.
- D3. 세트 - JavaScript의 배열을 세트로 변환하여 어레이의 객체 프로토 타입 체인 기능으로 인한 세트로 불일치 문제를 차단합니다. 세트의 값은 배열의 각 값을 문자열로 변환 한 결과입니다. 세트의 값은 중복 제거됩니다.
- set.has- 세트에 값이 포함되어 있는지 여부를 반환합니다.
- set.add- 값을 추가하십시오.
- set.remove- 값을 삭제하십시오.
- set.values- 세트에서 값으로 구성된 배열을 반환합니다. 세트의 값은 중복 제거됩니다.
- set.foreach- 세트에서 각 값에 대한 함수를 실행합니다.
수학
- d3.random. 정상 - 정규 분포를 사용하여 난수를 생성합니다.
- d3.random.lognormal- 로그 - 정규 분포를 사용하여 난수를 생성합니다.
- d3.random.irwinhall- Irwinhall 분포 (단순하고 실행 가능하며 프로그램이 쉬운 정규 분포 구현 방법)를 사용하여 난수를 생성합니다.
- D3.Transform- SVG의 변환 형식을 표준 2D 변환 행렬 문자열 형식으로 변환합니다.
외부 리소스로드
- d3.xhr- 자원을 얻기 위해 xmlhttprequest 요청을 시작하십시오.
- XHR.HEADER- 요청 헤더를 설정합니다.
- XHR.MIMETYPE- 허락 요청 헤더를 설정하고 응답 MIME 유형을 재정의합니다.
- XHR.RESPONSE- 응답 반환 값 변환 함수를 설정하십시오. 예를 들어 함수 (요청) {return JSON.PARSE (retrow.ResponsETX); }
- xhr.get- GET 요청을 시작합니다.
- XHR.POST- 게시물 요청을 시작하십시오.
- XHR.SEND- 지정된 메소드 및 데이터로 요청을 시작합니다.
- xhr.abort- 현재 요청을 종료합니다.
- xhr.on- 요청에 "beforesend", "progress", "load"또는 "error"와 같은 이벤트 리스너를 추가하십시오.
- d3.text- 텍스트 파일을 요청합니다.
- D3.JSON- JSON을 요청하십시오.
- d3.html- HTML 텍스트 조각을 요청합니다.
- d3.xml- XML 텍스트 조각을 요청하십시오.
- D3.CSV- 요청을 요청합니다 (쉼표로 구분 된 값, 쉼표로 구분 된 값) 파일.
- d3.tsv- tsv (탭-구분 값, 탭 분리 된 값) 파일을 요청합니다.
문자열 서식
- d3. format- 지정된 형식의 문자열로 숫자를 변환합니다. 변환 형식은 매우 풍부하고 지능적입니다.
- d3. formatprefix- 지정된 값과 정밀도가있는 [si prefix] 객체를 가져옵니다. 이 함수는 k (천), m (백만) 등과 같은 데이터의 크기를 자동으로 결정하는 데 사용될 수 있습니다. 예 : var prefix = d3. formatprefix (1.21e9); console.log (prefix.symbol); // "G"; console.log (prefix.scale (1.21e9)); // 1.21
- D3. REQUOTE- 정규 표현식으로 사용할 수있는 형식으로 탈출 문자열. 예를 들어, d3.requote ( '$'); // return "/$"
- d3.round- 소수점 후 특정 숫자를 반올림하기 위해 몇 자리 숫자를 설정합니다. tofixed ()와 유사하지만 형식 번호를 반환합니다. 예를 들어, d3.round (1.23); // 반환 1; d3.round (1.23, 1); // 반환 1.2; d3.round (1.25, 1); // 1.3을 반환합니다
CSV 형식 (D3.CSV)
- D3.CSV- CSV (쉼표로 구분 된 값, 콜론 별 값) 파일을 가져옵니다.
- d3.csv.parse- CSV 파일 문자열을 객체 배열로 변환하면 객체의 키는 첫 번째 줄에 의해 결정됩니다. 예 : [{ "year": "1997", "length": "2.34"}, { "year": "2000", "길이": "2.38"}]
- d3.csv.parserows- CSV 파일 문자열을 배열로 변환하는 배열. 예를 들면 [[ "연도", "길이"], [ "1997", "2.34"], [ "2000", "2.38"]]]]
- d3.csv.format- 객체 배열을 CSV 파일 문자열로 변환합니다. 이는 d3.csv.parse의 역 작동입니다.
- d3.csv. formatrows- 배열 배열을 CSV 파일 문자열로 변환하는데, 이는 d3.csv.parserows의 역 작동입니다.
- d3.tsv- tsv (탭-구분 값, 탭 분리 된 값) 파일을 가져옵니다.
- d3.tsv.parse- d3.csv.parse와 유사합니다.
- d3.tsv.parserows- d3.csv.parserows와 유사합니다.
- d3.tsv. format- d3.csv.format와 유사합니다.
- d3.tsv. Formatrows- d3.csv. formatrows와 유사합니다.
- d3.dsv- 분리기 및 마임 유형을 사용자 정의 할 수있는 d3.csv와 유사한 파일 처리 객체를 만듭니다. 예를 들어 : var dsv = d3.dsv ( "|", "text/plain");
색상
- d3.rgb- rgb 색상 객체를 생성하기 위해 색상을 지정하십시오. 여러 색상 형식의 입력을 지원합니다.
- RGB.Brighter- 색상의 밝기를 향상 시키면 변경 진폭은 매개 변수에 의해 결정됩니다.
- RGB.DARKER- 색상의 밝기를 약화 시키면 변경 진폭은 매개 변수에 의해 결정됩니다.
- RGB.HSL- RGB 색상 객체를 HSL 색상 객체로 변환합니다.
- RGB.TOSTRING- 문자열 형식으로 RGB 색상 변환.
- d3.hsl- HSL 컬러 객체를 만듭니다. 여러 색상 형식의 입력을 지원합니다.
- hsl.brighter- 색상의 밝기를 향상 시키면 변경 진폭은 매개 변수에 의해 결정됩니다.
- HSL.DARKER- 색상의 밝기를 약화 시키면 변경 진폭은 매개 변수에 의해 결정됩니다.
- HSL.RGB- HSL 컬러 객체를 RGB 색상 객체로 변환합니다.
- HSL.TOSTRING- 문자열 형식으로 HSL 색상 변환.
- d3.lab- 랩 컬러 객체를 만듭니다. 여러 색상 형식의 입력을 지원합니다.
- lab.brighter- 색상의 밝기를 향상 시키면 변화 진폭은 매개 변수에 의해 결정됩니다.
- Lab. Darker- 색상의 밝기가 약화되고 변화의 진폭은 매개 변수에 의해 결정됩니다.
- lab.rgb- 실험실 컬러 객체를 RGB 색상 객체로 변환합니다.
- lab.tostring- 랩 색상 변환 문자열 형식으로 변환.
- d3.hcl- HCl 컬러 객체를 만듭니다. 여러 색상 형식의 입력을 지원합니다.
- HCL.Brighter- 색상의 밝기를 향상 시키면 변경 진폭은 매개 변수에 의해 결정됩니다.
- HCL.DARKER- 색상의 밝기를 약화시키고, 변화 진폭은 매개 변수에 의해 결정됩니다.
- HCL.RGB- HCL 컬러 객체를 RGB 색상 객체로 변환합니다.
- HCl.TOSTRING- 문자열 형식으로 HCL 색상 변환.
네임 스페이스
- d3.ns.prefix- 알려진 XML 네임 스페이스를 가져 오거나 확장합니다.
- d3.ns.qualify- "xlink"의 "xlink : href"와 같은 네임 스페이스 접두사가 존재하는지 확인하십시오.
내부
- d3. uncunctor- 기능화. 비 기능 변수를 해당 변수의 값 만 리턴하는 함수로 변환하십시오. 함수를 입력하고 원래 함수를 반환하십시오. 값을 입력하고 함수를 반환하여 원래 값 만 반환합니다.
- d3.rebind- 객체의 메소드를 다른 객체에 바인딩합니다.
- d3.dispatch- 사용자 정의 이벤트를 만듭니다.
- Dispatch.on- 이벤트 리스너를 추가하거나 제거하십시오. 여러 청취자를 이벤트에 추가 할 수 있습니다.
- Dispatch.type- 트리거 이벤트. 여기서 '타입'은 해고 될 이벤트의 이름입니다.
d3.scale (스케일)
정량적 변환
- d3.scale.linear- 선형 정량적 변환을 만듭니다. (다양한 변환을 깊이 이해하기 위해 소스 코드를 참조하는 것이 좋습니다.)
- 선형 - 도메인의 값을 입력하고 도메인의 값을 반환하십시오.
- Linear.invert- 역 변환, 입력 값 도메인 값은 도메인 값을 반환합니다.
- linear.domain- 도메인을 얻거나 설정합니다.
- Linear.Range- 범위를 얻거나 설정합니다.
- Linear.Rangeround- 값 범위를 설정하고 결과를 반올림합니다.
- linear.interpolate- 기본 선형 보간 함수를 둥근 선형 보간 함수 D3_Interpolateround로 바꾸는 것과 같은 Get 또는 Set 변환을위한 보간 함수.
- linear.clamp- 값 범위가 닫히고 기본적으로 닫히지 않는지 여부를 설정합니다. 값 범위가 닫히면 보간 결과가 값 범위를 벗어나면 값 범위의 경계 값이 취해집니다. 값 범위가 [1, 2] 인 경우, 보간 함수의 계산 결과는 3 인 경우 최종 결과는 3입니다. 닫히면 최종 결과는 2입니다.
- Linear.nice- 도메인 범위를 확장하여 도메인을보다 규칙적으로 만듭니다. 예를 들어, [0.20147987687960267, 0.996679553296417]는 [0.2, 1]가된다.
- linear.ticks- 도메인에서 대표 값을 가져옵니다. 일반적으로 좌표 축 스케일을 선택하는 데 사용됩니다.
- linear.tickformat- 형식 변환 함수를 가져옵니다. 일반적으로 축 스케일의 형식 변환에 사용됩니다. 예를 들어 : var x = d3.scale.linear (). 도메인 ([-1, 1]); console.log (x.ticks (5) .map (x.tickformat (5, "+%")); // [ "-100%", "-50%", "+0%", "+50%", "+100%"]]]]
- 선형 .copy- 기존 변환에서 변환을 복사하십시오.
- d3.scale.sqrt- 정사각형 뿌리를 찾기 위해 정량적 변형을 만듭니다.
- d3.scale.pow- 지수 변환을 만듭니다. (선형의 해당 함수의 주석을 참조하십시오)
- POW- 도메인의 값을 입력하고 도메인의 값을 반환하십시오.
- pow.invert- 역 변환, 입력 값 필드 값은 도메인 값을 반환합니다.
- Pow.Domain- 도메인을 얻거나 설정합니다.
- Pow.Range- 범위를 얻거나 설정합니다.
- Pow.Rangeround- 값 범위를 설정하고 결과를 반올림합니다.
- pow.interpolate- get 또는 set transform에 대한 기능을 보간합니다.
- Pow.Clamp- 값 필드가 닫혀 있는지 여부를 설정하고 기본적으로 가까이 있지 않습니다.
- Pow.nice- 도메인 범위를 확장하여 도메인을보다 규칙적으로 만듭니다.
- pow.ticks- 도메인에서 대표 값을 가져옵니다. 일반적으로 좌표 축 스케일을 선택하는 데 사용됩니다.
- pow.tickformat- 일반적으로 축 스케일의 형식 변환에 사용되는 형식 변환 함수를 가져옵니다.
- pow.exponent- get 또는 set 지수의 힘. 기본값은 전원 1입니다.
- pow.copy- 기존 변환에서 변환을 복사하십시오.
- d3.scale.log- 로그 변환을 만듭니다. (선형의 해당 함수의 주석을 참조하십시오)
- 로그 - 도메인의 값을 입력하고 도메인의 값을 반환하십시오.
- log.invert- 역 변환, 입력 값 필드 값은 정의 필드 값을 반환합니다.
- log.domain- 도메인 받기 또는 설정.
- Log.Range- 범위를 얻거나 설정합니다.
- Log.Rangeround- 범위를 설정하고 결과를 반올림합니다.
- log.interpolate- get 또는 set transform에 대한 함수를 보간합니다.
- log.clamp- 값 필드가 닫혀 있는지 여부를 설정하고 기본적으로 가깝지 않습니다.
- Log.nice- 도메인 범위를 확장하여 도메인을보다 규칙적으로 만듭니다.
- log.ticks- 도메인에서 대표 값을 가져옵니다. 일반적으로 좌표 축 스케일을 선택하는 데 사용됩니다.
- log.tickformat- 일반적으로 축 스케일의 형식 변환에 사용되는 형식 변환 함수를 가져옵니다.
- COPY- 기존 변환에서 변환을 복사하십시오.
- d3.scale.quantize -Quantize 선형 변환을 만들고 도메인을 숫자 간격으로 정의하며 값 도메인은 여러 개별 값입니다.
- 정량화 - 숫자 값을 입력하고 개별 값을 반환하십시오. 예를 들면 : var q = d3.scale.quantize (). 도메인 ([0, 1]). 범위 ([ 'a', 'b', 'c']; //q(0.3) === 'A', Q (0.4) === 'B', Q (0.6) === 'B', Q (0.7) === 'C;
- Quantize.invertextent- 개별 값을 얻는 값의 범위를 반환합니다. // q.invertextent ( 'a')의 결과는 [0, 0.33333333333333입니다.
- Quantize.Domain- Get 또는 Set 변환 영역.
- Quantize.range- get 또는 set에 의해 변환 된 값의 범위.
- Quantize.copy- 기존 변환에서 변환을 복사하십시오.
- d3.scale.threshold- 임계 값 (임계 값) 선형 변환을 구성합니다. 도메인은 분리 숫자 값 순서이며 도메인은 불연속 값입니다. 그것과 수량의 차이는 수량으로 지정된 값 범위가 하나의 간격이며, 그 간격은 개별 값에 해당하기 위해 다중 셀 간격으로 골고루 나뉩니다. 임계 값은 각 셀 간의 경계 분리 값을 지정합니다. 예 : var t = d3.scale.threshold (). 도메인 ([0, 1]). 범위 ([ 'a', 'b', 'c']; t (-1) === 'a'; t (0) === 'b'; t (0.5) === 'b'; t (1) === 'C'; t (1000) === 'c'; t.invertextent ( 'a'); // returns [undefined, 0] t.invertextent ( 'b'); // returns [0, 1] t.invertextent ( 'c'); // returns [1, undefined]
- 임계 값 - 숫자 값을 입력하고 개별 값을 반환하십시오.
- threshold.invertextent- 개별 값을 입력하고 값을 반환하십시오.
- 임계 값 .Domain- Get 또는 Set 변환 영역.
- 임계 값 정렬 - get 또는 세트 범위가 변환됩니다.
- Threshold.copy- 기존 변환에서 변환을 복사하십시오.
- d3.scale.quantile- 양자 선형 변환을 구성합니다. 사용 방법은 Quantize와 정확히 비슷하며, 차이는 Quantile이 중앙값에 따라 간격을 분리하고 양자화 된 산술 평균에 따라 간격을 분리한다는 것입니다. 예
- Quantile- 숫자 값을 입력하고 개별 값을 반환하십시오.
- Quantile.invertextent- 개별 값을 입력하고 숫자 값을 반환하십시오.
- Quantile.Domain- Get 또는 Set 변환 영역.
- Quantile.Range- get 또는 set에 의해 변환 된 값의 범위.
- Quantile.quantiles- Quantile 변환의 분리 된 값을 가져옵니다. 示例 : Var q = d3.scale.quantile (). 도메인 ([0, 1]). 범위 ([ 'a', 'b', 'c']); Q.Quantiles () 반환 [0.333333333333326, 0.6666666666666665]
- Quantile.copy- 기존 변환에서 변환을 복사하십시오.
- d3.scale.identity- 정체성 선형 변환을 구성합니다. 특수 선형 변환,이 변환 정의 도메인은 값 도메인과 동일하며 D3 내부의 일부 축 또는 브러시 모듈에서만 사용됩니다.
- 정체성 - 정체성 선형 변환 함수. 입력 값을 반환합니다.
- Identity.invert- ID 함수와 동일하게 입력 값을 반환합니다.
- Identity.Domain- Get 또는 Set 변환 영역.
- Identity.Range- get 또는 set에 의해 변환 된 값의 범위.
- Identity.ticks- 도메인에서 대표 값을 가져옵니다. 일반적으로 좌표 축 스케일을 선택하는 데 사용됩니다.
- Identity.tickformat- 형식 변환 함수를 가져옵니다. 일반적으로 축 스케일의 형식 변환에 사용됩니다.
- COPY- 기존 변환에서 변환을 복사하십시오.
서수 변환 (서수)
- d3.scale.ordinal- 서수 변환 객체를 빌드하십시오. 서수 변환의 입력 정의 도메인 및 출력 값 도메인은 모두 개별적입니다. 정량적 변환의 입력 도메인은 연속적이며 이는 둘 사이의 가장 큰 차이점입니다.
- 서수 - 개별 값을 입력하고 개별 값을 반환하십시오. 현재 도메인에없는 입력 값은 도메인에 자동으로 추가됩니다.
- Ordinal.domain- Get 또는 Set 변환 영역.
- Ordinal.range- get 또는 set transform의 값 범위.
- ORGENINAL.RANGEPOINTS- 여러 개별 지점을 사용하여 연속 간격을 나누십시오. 자세한 내용은 링크의 전설을 참조하십시오.
- Ordinal.rangebands- 여러 개별 간격을 사용하여 연속 간격을 나누십시오. 자세한 내용은 링크의 전설을 참조하십시오.
- Ordinal.rangeroundbands- 여러 개별 간격을 사용하여 연속 간격을 나누면 간격 경계와 너비가 반올림됩니다. 자세한 내용은 링크의 전설을 참조하십시오.
- Ordinal.rangeband- 개별 간격의 너비를 가져옵니다.
- orangeextent- 출력 필드의 최소 최대 값을 가져옵니다.
- Cortinal.copy- 기존 변환에서 변환을 복사하십시오.
- d3.scale.category10- 10 가지 색상으로 서수 변환을 구성합니다.
- d3.scale.category20- 20 가지 색상으로 서수 변환을 구성합니다.
- d3.scale.category20b- 또 다른 20 가지 색상으로 서수 변환을 구성합니다.
- d3.scale.category20c- 또 다른 20 가지 색상으로 서수 변환을 구성합니다.
D3.SVG (SVG)
모양
- d3.svg.line- 세그먼트 생성기를 만듭니다.
- 줄 - 라인 차트에서 줄을 생성합니다.
- line.x- X -Axis 액세서를 설정하거나 가져옵니다.
- Line.y- Y- 축 액세서를 설정하거나 받으십시오
- line.interpolate- 보간 모드를 설정하거나 가져옵니다.
- Line.tension- 곡선 장력 액세서 (추기경 스플라인 장력)를 얻거나 설정하십시오.
- line.defined- 라인이 특정 지점에 존재하는지 여부를 정의합니다.
- d3.svg.line.radial- 방사선 생성기 생성.
- 라인 - 위도/레이더 라인 차트의 세그먼트 선형 곡선을 생성합니다.
- line.radius- 반경 액세서를 얻거나 설정하십시오.
- line.angle- 각도 액세서를 얻거나 설정하십시오.
- line.defined- Set 또는 Get Line Definition Accessor.
- d3.svg.area- 새로운 지역 생성기를 만듭니다.
- 면적 - 영역 차트의 선형 영역을 생성합니다.
- AREA.X- X 좌표를 얻거나 설정하는 액세서리.
- area.x0- X0 좌표 (기준선)의 액세서를 얻거나 설정하십시오.
- area.x1- X1 좌표 (백 라인)의 액세서를 얻거나 설정하십시오.
- AREA.Y- y 좌표를 얻거나 설정하는 액세서리.
- area.y0- Y0 좌표 (기준선)의 액세서를 받거나 설정하십시오.
- area.y1- Y1 좌표 (백 라인)의 액세서를 받거나 설정하십시오.
- interpolate- 보간 모드를 가져 오거나 설정합니다.
- 지역 장력 - 추기경 스플라인 장력을 얻거나 설정하십시오.
- 지역 정의 - 판사는 영역 정의 액세서를 얻거나 정의 할 판사입니다.
- d3.svg.area.radial- 새 지역 생성기를 만듭니다.
- 면적 - 위도/레이더 차트를위한 세그먼트의 선형 영역을 생성합니다.
- Area.radius- 반경 액세서를 얻거나 설정하십시오.
- Area.innerRadius- 내부 반경 (기준선) 액세서를 받거나 설정합니다.
- Area.outerradius- 외부 반경 (백 라인) 액세서를 얻거나 설정합니다.
- area.angle- 각도 액세서를 얻거나 설정하십시오.
- AREA.STARTANGL- 내부 각도 (기준선) 액세서를 받거나 설정합니다.
- Area.Endangle- 외부 각도 (백 라인) 액세서를 받거나 설정합니다.
- 지역 정의 - 판사는 영역 정의 액세서를 얻거나 정의 할 판사입니다.
- d3.svg.arc- 라디안 생성기 생성.
- 아크 - 원형 차트 또는 도넛 차트의 선형 라디안을 생성합니다.
- arc. innerradius- 내부 반경 액세서를 얻거나 설정합니다.
- Arc.outerradius- 외부 반경 액세서를 얻거나 설정합니다.
- Arc.Startangle- 시작 각도 액세서를 받거나 설정합니다.
- arc.endangle- 엔드 각도 액세서를 얻거나 설정합니다.
- Arc.Centroid- 아크의 무게 중심을 계산합니다.
- d3.svg.symbol- 심볼 생성기 생성.
- 기호 - 해싱 다이어그램에 지정된 기호를 생성합니다.
- Symbol.type- 기호 유형 액세서를 얻거나 설정합니다.
- Symbol.size- 기호 크기 (정사각형 픽셀) 액세서를 얻거나 설정하십시오.
- d3.svg.symboltypes- 지원되는 기호 유형 배열.
- d3.svg.chord- 새 문자열 생성기를 만듭니다.
- 코드 - 문자열 다이어그램의 두 아크를 연결하기 위해 2 차 베 지어 곡선을 생성합니다.
- Chord.radius- 아크 반경 액세서를 얻거나 설정합니다.
- Chord.Startangle- 아크 시작 각도 액세서를 얻거나 설정합니다.
- Chord.endangle- 아크 엔드 각도 액세서를 얻거나 설정합니다.
- Chord.Source- 소스 라디안 액세서를 받거나 설정합니다.
- Chord.target- 대상 라디안 액세서를 받거나 설정합니다.
- d3.svg.diagonal- 새로운 슬래시 생성기를 만듭니다.
- 대각선 - 노드 연결 다이어그램을위한 2 차원 베셀 커넥터를 생성합니다.
- Diagonal.Source- 소스 포인트 액세서를 얻거나 설정하십시오.
- Diagonal.target- 대상 지점 액세서를 얻거나 설정하십시오.
- Diagonal.proejection- 옵션 포인트 변압기를 가져 오거나 설정합니다.
- d3.svg.diagonal.radial- 새 슬래시 생성기를 만듭니다.
- 대각선 - 노드 연결 다이어그램 용 2 차원 베셀 커넥터를 만듭니다.
축
- d3.svg.axis- 축 생성기를 만듭니다.
- 축 - 페이지의 공식 축 생성.
- Axis.Scale- 숫자 및 픽셀 위치에 대한 변환 규칙을 설정하는 Get 또는 Set Axis의 스케일 변환.
- Axis. 지향 - 축 스케일 방향을 얻거나 설정합니다.
- Axis.ticks- 축 스케일의 생성 방법을 제어합니다.
- Axis.tickvalues- 특정 축의 값을 설정합니다.
- axis.ticksize- 축에서 티틱 마크의 픽셀 길이를 지정합니다.
- Axis.innerticksize- get 또는 set 축 작은 스타크의 픽셀 길이.
- Axis.outerticksize- get 또는 set 축 큰 티크 마크의 픽셀 길이.
- Axis.tickPadding- 축 스케일과 진드기 텍스트 사이의 픽셀 거리를 지정합니다.
- Axis.tickformat- 진드기 텍스트의 형식을 설정합니다.
통제 수단
- d3.svg.brush- 클릭하여 2 차원 영역을 드래그하고 선택하십시오.
- 브러시 - 공식적으로 페이지의 영역에 브러시를 바인딩합니다.
- Brush.x- 수평 드래그 앤 드롭에 사용되는 브러시 X 변환을 얻거나 설정합니다.
- Brush.y- 수직 방향으로 드래그하고 떨어 뜨리는 데 사용되는 브러시 Y 변환을 얻거나 설정합니다.
- Brush.extent- 브러시 선택 범위를 얻거나 설정합니다 (extent).
- 브러시 - 클레어 - 브러시의 선택 범위 (범위)를 비워 지도록 설정합니다.
- Brush.Empty- 브러시의 선택 범위 (범위)가 비어 있는지 결정합니다.
- Brush.on -Get 또는 Set 브러시를위한 이벤트 리스너. 브러시 스타트, 브러시, 브러시 엔드의 3 가지 유형의 이벤트가 있습니다.
- Brush.Event- 프로그램을 통해 청취 이벤트를 트리거하고 프로그램을 통해 범위를 설정 한 후 사용합니다.
d3. 시간 (시간)
시간 형식
- d3.time.format- 특정 시간 형식을 기반으로 로컬 타임 형식 변환기를 만듭니다.
- 형식 - 날짜 개체를 특정 시간 형식으로 문자열로 변환합니다.
- format.parse- 특정 시간 형식에서 현재까지의 개체로 문자열을 변환합니다.
- d3.time.format.utc- 특정 시간 형식을 기반으로 UTC (Universal Standard Time) 형식 변환기를 만듭니다.
- d3.time.format.iso- 특정 시간 형식을 기반으로 ISO 세계 표준 시간 (ISO 8601 UTC) 형식 변환기를 만듭니다.
시간 척도
- d3.time.scale- 정의 필드를 숫자 간격으로, 값 필드를 시간 간격으로 선형 시간 변환을 만듭니다. 시간 축 생성에 일반적으로 사용됩니다. 자세한 내용은 d3.scale.linear를 참조하십시오.
- 스케일 - 값으로 입력하고 시간으로 돌아갑니다.
- scale.invert- 역 변환, 값을 반환하는 입력 시간.
- Scale.Domain- Get 또는 Set 변환 영역.
- scale.nice- 도메인 범위를 확장하여 도메인을보다 규칙적으로 만들 수 있습니다.
- scale.range- get 또는 set transform의 범위.
- Scale.Rangeround- 범위를 설정하고 결과를 반올림합니다.
- scale.interpolate- 기본 선형 보간 함수를 지수 보간 함수로 바꾸는 것과 같은 Get 또는 Set 변환을위한 보간 함수.
- scale.clamp- 값 범위가 닫혀 있는지 여부를 설정하고 기본적으로 가깝지 않습니다. 값 범위가 닫히면 보간 결과가 값 범위를 벗어나면 값 범위의 경계 값이 취해집니다. 자세한 내용은 linear.clamp를 참조하십시오.
- scale.ticks - 从定义域中取出有代表性的值。通常用于坐标轴刻度的选取。
- scale.tickFormat - 获取格式转化函数,通常用于坐标轴刻度的格式转化。
- scale.copy - 从已有的时间变换中复制出一个变换。
Time Intervals
- d3.time.interval - 返回一个对于本地时间时间间隔器.
- interval - 效果同interval.floor方法.
- interval.range - 返回指定区间内日期.
- interval.floor - 下舍入到最近的间隔值.
- interval.round - 上舍入或下舍入到最近的间隔值.
- interval.ceil - 上舍入到最近的间隔值.
- interval.offset - 返回指定时间间隔的日期偏移量.
- interval.utc - 返回对应的UTC时间间隔.
- d3.time.day - 返回指定时间基于天起始的时间(默认起始是12:00am).
- d3.time.days - 返回指定时间区间和间隔条件的基于天的所有时间,效果同day.range.
- d3.time.dayOfYear - 计算指定时间在年中的天数.
- d3.time.hour - 返回指定时间基于小时起始的时间(eg, 1:00 AM).
- d3.time.hours - 返回指定时间区间和间隔条件的基于小时的所有时间, 效果同hour.range.
- d3.time.minute - 返回指定时间基于分钟起始的时间(eg, 1:02 AM).
- d3.time.minutes - 返回指定时间区间和间隔条件的基于分钟的所有时间,效果同minute.range.
- d3.time.month - 返回指定时间基于月起始的时间(eg, February 1, 12:00 AM).
- d3.time.months - 返回指定时间区间和间隔条件的基于月的所有时间,效果同month.range.
- d3.time.second - 返回指定时间基于秒起始的时间(eg, 1:02:03 AM).
- d3.time.seconds - 返回指定时间区间和间隔条件的基于秒的所有时间,效果同second.range.
- d3.time.sunday - 返回指定时间基于Sunday起始的时间(eg, February 5, 12:00 AM).
- d3.time.sundays - 返回指定时间区间和间隔条件的基于sunday的所有时间, 效果同sunday.range.
- d3.time.sundayOfYear - 计算以sunday为基点的指定时间在一年中的周数.
- d3.time.monday - every Monday (eg, February 5, 12:00 AM).
- d3.time.mondays - alias for monday.range.
- d3.time.mondayOfYear - computes the monday-based week number.
- d3.time.tuesday - every Tuesday (eg, February 5, 12:00 AM).
- d3.time.tuesdays - alias for tuesday.range.
- d3.time.tuesdayOfYear - computes the tuesday-based week number.
- d3.time.wednesday - every Wednesday (eg, February 5, 12:00 AM).
- d3.time.wednesdays - alias for wednesday.range.
- d3.time.wednesdayOfYear - computes the wednesday-based week number.
- d3.time.thursday - every Thursday (eg, February 5, 12:00 AM).
- d3.time.thursdays - alias for thursday.range.
- d3.time.thursdayOfYear - computes the thursday-based week number.
- d3.time.friday - every Friday (eg, February 5, 12:00 AM).
- d3.time.fridays - alias for friday.range.
- d3.time.fridayOfYear - computes the friday-based week number.
- d3.time.saturday - every Saturday (eg, February 5, 12:00 AM).
- d3.time.saturdays - alias for saturday.range.
- d3.time.saturdayOfYear - computes the saturday-based week number.
- d3.time.week - alias for sunday.
- d3.time.weeks - alias for sunday.range.
- d3.time.weekOfYear - alias for sundayOfYear.
- d3.time.year - 返回指定时间基于年起始的时间(eg, January 1, 12:00 AM).
- d3.time.years - 返回指定时间区间和间隔条件的所有时间,效果同year.range.
构图(d3.layout)
묶음
- d3.layout.bundle - construct a new default bundle layout.
- bundle - apply Holten's hierarchical bundling algorithm to edges.
현
- d3.layout.chord - 初始化一个弦图对象, 返回一个Chord 实例
- chord.matrix - 设置或者获取弦图实例对应的矩阵数据
- chord.padding - 设置或获取弦图各段圆弧之间的间隔角度
- chord.sortGroups - 设置或获取矩阵分组的排序函数
- chord.sortSubgroups - 设置或获取矩阵二级分组的排序函数
- chord.sortChords - 设置或获取弦图在z序上的排序函数(决定哪一组显示在最上层)
- chord.chords - 该函数会将参数处理成对chord 更友好的格式并返回, 若没有提供参数, 会调用matrix()来获取数据
- chord.groups - 该函数参数处理成更易于理解的分组信息, 若没有提供参数, 会调用matrix()来获取数据
무리
- d3.layout.cluster - 用默认设置生成一个集群布局对象.
- cluster.sort - 获取或设置一个函数, 用来给兄弟节点(同一父结点的子结点)的排序.
- cluster.children - 获取或设置子结点的访问器.
- cluster.nodes - 计算并返回指定结点的子结点在集群中的信息(坐标,深度等).
- cluster.links - 指定一个子结点数组(通常是nodes函数返回值), 计算它们与父结点的连接信息.
- cluster.separation - 获取或设置相邻结点间的间隔(不仅限于兄弟结点).
- cluster.size - 获取或设置布局的宽和高的大小.
- cluster.nodeSize - 为结点指定大小.
力学(Force)
- d3.layout.force -节点(node)基于物理模拟的位置连接。
- force.on - 监听布局位置的变化。(仅支持”start”,”step”,”end”三种事件)
- force.nodes - 获得或设置布局中的节点(node)阵列组。
- force.links - 获得或设置布局中节点间的连接(Link)阵列组。.
- force.size - 获取或设置布局的宽和高的大小.
- force.linkDistance - 获取或设置节点间的连接线距离.
- force.linkStrength - 获取或设置节点间的连接强度.
- force.friction - 获取或设置摩擦系数.
- force.charge - 获取或设置节点的电荷数.(电荷数决定结点是互相排斥还是吸引)
- force.gravity - 获取或设置节点的引力强度.
- force.theta - 获取或设置电荷间互相作用的强度.
- force.start - 开启或恢复结点间的位置影响.
- force.resume - 设置冷却系数为0.1,并重新调用start()函数.
- force.stop - 立刻终止结点间的位置影响.(等同于将冷却系数设置为0)
- force.alpha - 获取或设置布局的冷却系数.(冷却系数为0时,节点间不再互相影响)
- force.tick - 让布局运行到下一步.
- force.drag - 获取当前布局的拖拽对象实例以便进一步绑定处理函数.
层级布局(Hierarchy)
- d3.layout.hierarchy - 获得一个自定义的层级布局的实现.
- hierarchy.sort - 获取或设置一个函数, 用来给兄弟节点(同一父结点的子结点)的排序.
- hierarchy.children - 获取或设置子结点的访问器.
- hierarchy.nodes - 计算并返回指定结点的子结点信息.
- hierarchy.links - 指定一个子结点数组(通常是nodes函数返回值), 计算它们与父结点的连接信息.
- hierarchy.value - 获取或设置结点的值访问器.
- hierarchy.revalue - 重新计算层级布局.
直方图(Histogram)
- d3.layout.histogram - 构建一个默认直方图(用来表示一组离散数字的分布,横轴表示区间,纵轴表示区间内样本数量或样本百分比).
- histogram.value - 获取或设置值访问器.
- histogram.range - 获取或设置合法值范围.
- histogram.bins - 指定如何将数据分组到不同的区间(bin)里, 返回一个构造函数.
- histogram - 根据已设置的区间将数据分组,返回已分组的二维数组(compute the distribution of data using quantized bins).
- histogram.frequency - 设置直方图Y轴值是区间内数据的总量还是百分比(compute the distribution as counts or probabilities).
层包(Pack)
- d3.layout.pack - 用递归的圆环表现一个多层级布局.
- pack.sort - 获取或设置一个函数, 用来给兄弟节点(同一父结点的子结点)排序.
- pack.children - 获取或设置子结点的访问器.
- pack.nodes - 计算并返回指定结点的子结点信息.
- pack.links - 指定一个子结点数组(通常是nodes函数返回值), 计算它们与父结点的连接信息.
- pack.value - 获取或设置一个函数, 用来计算圆环的大小(近似值).
- pack.size - 设置整个布局画布的宽and高.
- pack.radius - 如果不想结点半径与结点的值相同, 可以传入一个函数用来计算结点半径.
- pack.padding - 指定相邻结点之点的间距(近似值).
分区(Partition)
- d3.layout.partition - 将一棵树递归的分区.
- partition.sort - 获取或设置一个函数, 用来给兄弟节点(同一父结点的子结点)排序.
- partition.children - 获取或设置子结点的访问器.
- partition.nodes - 计算并返回指定结点的子结点信息.
- partition.links - 指定一个子结点数组(通常是nodes函数返回值), 计算它们与父结点的连接信息.
- partition.value - 设置一个函数来来计算分区的值.
- partition.size - 设置整个布局画布的宽and高.
饼图(Pie)
- d3.layout.pie - 构建一个默认的饼图.
- pie - 该函数将传入的原始参数转换成可用于饼图或者环形图的数据结构.
- pie.value - 获取或设置值访问器.
- pie.sort - 设置饼图顺时针方向的排序方法.
- pie.startAngle - 设置或获取整个饼图的起始角度.
- pie.endAngle - 设置或获取整个饼图的终止角度.
堆叠图(Stack)
- d3.layout.stack - 构建一个默认的堆叠图(用来展示一系列x轴相同的面积图或者立方图).
- stack - 计算每一层的基线.
- stack.values - 设置或者获取每层的值访问器.
- stack.order - 设置每层的排序.
- stack.offset - 指定总的基线算法.
- stack.x - 设置或获取每层的x轴访问器.
- stack.y - 设置或获取每层的y轴访问器.
- stack.out - 设置或获取用来储存基线的输出函数.
树(Tree)
- d3.layout.tree - position a tree of nodes tidily.
- tree.sort - 设置或获取一个函数, 用来给兄弟节点(同一父结点的子结点)排序.
- tree.children - 设置或获取子结点的访问器.
- tree.nodes - 计算并返回指定结点的子结点信息.
- tree.links - 指定一个子结点数组(通常是nodes函数返回值), 计算它们与父结点的连接信息.
- tree.separation - 设置或获取相隔结点之间的间隔计算函数.
- tree.size - 指定整个布局的宽和高.
- tree.nodeSize - 给全部结点指定一个固定的大小(会导致tree.size失效).
矩阵树(Treemap)
- d3.layout.treemap - 返回一个矩阵树对象(用矩阵来展示一颗树).
- treemap.sort - 设置或获取一个函数, 用来给兄弟节点(同一父结点的子结点)排序.
- treemap.children - 设置或获取子结点的访问器.
- treemap.nodes - 计算并返回指定结点的子结点信息.
- treemap.links - 指定一个子结点数组(通常是nodes函数返回值), 计算它们与父结点的连接信息.
- treemap.value - 设置或获取一个用来计算单元格大小的值访问器.
- treemap.size - 指定整个布局的宽和高.
- treemap.padding - 指定父结点和子结点的间距.
- treemap.round - 禁用或启用边界补偿.
- treemap.sticky - 让布局更”粘”以保证在更新数据时有平滑的动画效果.
- treemap.mode - 更改矩阵树的布局算法.
d3.geo (Geography)
Paths
- d3.geo.path - 创建一个新的地理路径生成器.
- path - 投射指定的特性并且渲染到上下文.
- path.projection - 获取活设置地理投影.
- path.context - 获取活设置渲染上下文.
- path.pointRadius -获取或设置半径去现实点的特性.
- path.area - 计算指定特性的投射区域.
- path.centroid - 计算指定特性的投射重心点.
- path.bounds - 计算指定特性的投射边界.
- d3.geo.graticule - 创建地理坐标网生成器.
- graticule - 生产一个子午线或平行线的MultiLineStrings.
- graticule.lines - 生成一个子午线和平行线的LineString的数组.
- graticule.outline - 生成一个表示该坐标网的外框多边形.
- graticule.extent - 获取或设置主要的和次要的范围.
- graticule.majorExtent - 获取或设置主要范围.
- graticule.minorExtent - 获取或设置次要范围.
- graticule.step - 获取或设置主要和次要的步间隔.
- graticule.majorStep - 获取或设置主要的步间隔.
- graticule.minorStep - 获取或设置次要的步间隔.
- graticule.precision - 设置或者获取横向精度.
- d3.geo.circle - 创建一个圆形的生成器.
- circle - 使用多边形来生成一个分段的圆形.
- circle.origin - 通过横向和纵向坐标来指定原点.
- circle.angle - 指定以度为单位的角半径.
- circle.precision - 指定分段圆的精度.
- d3.geo.area - 根据给定特征计算球面面积.
- d3.geo.bounds - compute the latitude-longitude bounding box for a given feature.
- d3.geo.centroid - compute the spherical centroid of a given feature.
- d3.geo.distance - compute the great-arc distance between two points.
- d3.geo.interpolate - interpolate between two points along a great arc.
- d3.geo.length - compute the length of a line string or the circumference of a polygon.
- d3.geo.rotation - create a rotation function for the specified angles [λ, φ, γ].
- rotation - rotate the given location around the sphere.
- rotation.invert - inverse-rotate the given location around the sphere.
Projections
- d3.geo.projection - create a standard projection from a raw projection.
- projection - project the specified location.
- projection.invert - invert the projection for the specified point.
- projection.rotate - get or set the projection's three-axis rotation.
- projection.center - get or set the projection's center location.
- projection.translate - get or set the projection's translation position.
- projection.scale - get or set the projection's scale factor.
- projection.clipAngle - get or set the radius of the projection's clip circle.
- projection.clipExtent - get or set the projection's viewport clip extent, in pixels.
- projection.precision - get or set the precision threshold for adaptive resampling.
- projection.stream - wrap the specified stream listener, projecting input geometry.
- d3.geo.projectionMutator - create a standard projection from a mutable raw projection.
- d3.geo.albers - the Albers equal-area conic projection.
- albers.parallels - get or set the projection's two standard parallels.
- d3.geo.albersUsa - a composite Albers projection for the United States.
- d3.geo.azimuthalEqualArea - the azimuthal equal-area projection.
- d3.geo.azimuthalEquidistant - the azimuthal equidistant projection.
- d3.geo.conicConformal - the conic conformal projection.
- d3.geo.conicEquidistant - the conic equidistant projection.
- d3.geo.conicEqualArea the conic equal-area (aka Albers) projection.
- d3.geo.equirectangular - the equirectangular (plate carreé) projection.
- d3.geo.gnomonic - the gnomonic projection.
- d3.geo.mercator - the spherical Mercator projection.
- d3.geo.orthographic - the azimuthal orthographic projection.
- d3.geo.stereographic - the azimuthal stereographic projection.
- d3.geo.azimuthalEqualArea.raw - the raw azimuthal equal-area projection.
- d3.geo.azimuthalEquidistant.raw - the azimuthal equidistant projection.
- d3.geo.conicConformal.raw - the raw conic conformal projection.
- d3.geo.conicEquidistant.raw - the raw conic equidistant projection.
- d3.geo.conicEqualArea.raw the raw conic equal-area (aka Albers) projection.
- d3.geo.equirectangular.raw - the raw equirectangular (plate carrée) projection.
- d3.geo.gnomonic.raw - the raw gnomonic projection.
- d3.geo.mercator.raw - the raw Mercator projection.
- d3.geo.orthographic.raw - the raw azimuthal orthographic projection.
- d3.geo.stereographic.raw - the raw azimuthal stereographic projection.
- d3.geo.transverseMercator.raw - the raw transverse Mercator projection.
Streams
- d3.geo.stream - convert a GeoJSON object to a geometry stream.
- stream.point - indicate an x , y (and optionally z ) coordinate.
- stream.lineStart - indicate the start of a line or ring.
- stream.lineEnd - indicate the end of a line or ring.
- stream.polygonStart - indicate the start of a polygon.
- stream.polygonEnd - indicate the end of a polygon.
- stream.sphere - indicate a sphere.
- d3.geo.transform - transform streaming geometries.
- transform.stream - wraps a given stream.
- d3.geo.clipExtent - a stream transform that clips geometries to a given axis-aligned rectangle.
- clipExtent.extent - sets the clip extent.
d3.geom (Geometry)
Voronoi
- d3.geom.voronoi - create a Voronoi layout with default accessors.
- voronoi - compute the Voronoi tessellation for the specified points.
- voronoi.x - get or set the x-coordinate accessor for each point.
- voronoi.y - get or set the y-coordinate accessor for each point.
- voronoi.clipExent - get or set the clip extent for the tesselation.
- voronoi.links - compute the Delaunay mesh as a network of links.
- voronoi.triangles - compute the Delaunay mesh as a triangular tessellation.
Quadtree
- d3.geom.quadtree - constructs a quadtree for an array of points.
- quadtree.add - add a point to the quadtree.
- quadtree.visit - recursively visit nodes in the quadtree.
Polygon
- d3.geom.polygon - create a polygon from the specified array of points.
- polygon.area - compute the counterclockwise area of this polygon.
- polygon.centroid - compute the area centroid of this polygon.
- polygon.clip - clip the specified polygon to this polygon.
Hull
- d3.geom.hull - create a convex hull layout with default accessors.
- hull - compute the convex hull for the given array of points.
- hull.x - get or set the x -coordinate accessor.
- hull.y - get or set the y -coordinate accessor.
d3.behavior (Behaviors)
Drag
- d3.behavior.drag
- drag.origin
- drag.on
缩放Zoom
- d3.behavior.zoom - 创建一个缩放行为.
- zoom - 对指定元素应用缩放.
- zoom.scale - the current scale factor.
- zoom.translate - the current translate offset.
- zoom.scaleExtent - optional limits on the scale factor.
- zoom.center - an optional focal point for mousewheel zooming.
- zoom.size - the dimensions of the viewport.
- zoom.x - an optional scale whose domain is bound to the x extent of the viewport.
- zoom.y - an optional scale whose domain is bound to the y extent of the viewport.
- zoom.on - listeners for when the scale or translate changes.
- zoom.event - dispatch zoom events after setting the scale or translate.