Brushable

Brushable은 브러쉬가 존재하는 차트에 사용하는 기능을 담은 타입이다. Default나 RectLinear를 상속받아 사용할 수 있도록 Mixin 함수 형태로 사용한다.

현재 Brushable 활용하는 유형은 Line, Scatter,Par-coords가 있다.

API Reference

# brushable.brush([brush]) <>

브러쉬 삽입 여부를 true|false로 설정한다. 기본 설정값은 false이다.

# brushable.on(type, listener) <>

브러쉬 조작시 brushStart|brushed|brushEnd 타입의 이벤트가 발생한다. type에 세가지 속성 중 하나 혹은 다중(예: brushStart brushed)의 이벤트 타입을 설정하고, listener에 이벤트를 처리하는 콜백 함수를 입력한다. listener 함수에서는 d3.event 값을 통해 Brush Event 설정 값을 확인할 수 있다.

parCoords.on('brushStart brushed', function() { //par-coords의 브러쉬가 작동할 때 해당 선택 영역을 확인
  console.log(d3.event.selection);
})