시간 그룹간에 d3 전환

Question

차트가 시간 그룹화 수준 사이에서 쉽게 바운스 될 수있는 간단한 예제를 찾을 수 없습니다. 일별 데이터가 있고이 데이터를 다양한 수준의 집계 (일별, 주별, 월별)로 차트에 표시 할 수 있어야합니다.

많은 수의 처리 (모든 직사각형을 제거하고 다른 단으로 그룹화 된 새로운 직사각형으로 교체)없이 D3을 사용하여이 작업을 수행하는 좋은 방법이 있습니까?

Answer 1

d3에는이 경우 사용해야하는 일반 업데이트 패턴이 있습니다.

관습은 시각화를 설정하는 기능과 데이터를 가져 와서 시각화를 업데이트하는 기능의 두 가지 기능을 갖는 것입니다.

업데이트 함수는 새 데이터를 가져와 바인딩하고 기존 svg (사례의 경우 rect)를 업데이트 한 다음 필요에 따라 객체를 추가하거나 제거합니다.

마이크 보스 토크 (Mike Bostock)는 여기에서 설명 할 수있는 훌륭한 3 부작 시리즈를 가지고 있습니다. https://twitter.com/mbostock/status/252496768267333632

Answer 2

시계열 데이터이므로 line/area chart with brushing을 고려 했습니까? UI 구성 요소를 추가하여 특정 기간에 브러시 필터를 동적으로 설정할 수 있습니다.