본문 바로가기
Javascript/d3

select와 selectAll

by 스빠시빠 2018. 10. 16.

문서요소 그룹핑

d3 라이브러리르 사용하면서 가장 많이 사용하는 메소드는 바로 select다.

데이터를 바인딩 하거나 문서 요소를 조작하려면 먼저 요소를 찾아야 하기 때문이다.


select
선택된 문서요소를 원소로 하는 한 개의 group 배열을 원소로 하는 배열을 반환한다.

const selection = d3.select('div');

selectAll
선택된 모든 문서요소를 원소로 하는 한 개의 group 배열을 원소로 하는 배열을 반환한다.

const selection = d3.selectAll('div');

select 이후 data와 연동해서 많이 사용한다.

'Javascript > d3' 카테고리의 다른 글

줌 및 이동 초기화  (0) 2019.05.07
요소 추가하기  (0) 2019.04.19
좌표 시스템  (0) 2019.04.05
Data Join  (0) 2019.03.08
D3란 무엇인가?  (0) 2018.10.16

댓글