Issue#7/chart zoom grid

[baldwinIV]

개요

• 6 에서 개발된 차트에 zoom/panning 기능이 제공됨

  • 줌/패닝시 화면에 보여주는 데이터를 react state로 관리하여 axis 업데이트

작업사항

• 줌/패닝시 화면에 보여주는 데이터를 react state로 관리하여 axis 업데이트
  • ChartRenderOption을 추가해 별도의 객체로 화면에 보여주는 데이터를 관리한다.
• d3.zoom 활용해 panning기능 구현
• wheel 이벤트를 바인딩해 줌 기능 구현

생각해볼점

• wheel이벤트만 바인딩되어 있는데, 모바일 페이지의 터치이벤트는 바인딩이 잘 되어있는지?
  • 추후 모바일 적용시 확인하여 안되있다면 추가 이벤트 바인딩이 필요하다.

이미지

[baldwinIV]

리뷰 너무 재촉해서 항상 죄송합니다.