[캔들차트] 줌,패닝 기능 추가

[baldwinIV]

요약

6에서 작성한 캔들 메인차트에 zoom, panning 추가

예상 작업 내용 (커밋단위)

• 줌 기능 추가
  • [x] 한 화면에 몇 개의 캔들을 그릴지 상태로 분리 후 함수에 전달
  • [x] 마우스 wheelEvent에 상태 변경 이벤트 바인딩
  • [x] 변화된 캔들에 맞춰 axis 업데이트 (d3 translate 기능 사용하지 않음)
• 패닝 기능 추가
  • [x] 마우스 이벤트에 translate 이벤트 바인딩, translate 이후 움직인 거리 / 캔들 너비 만큼 상태도 업데이트
  • [x] 업데이트된 상태 (렌더링되는 캔들의 시작, 끝) 기반하여 axis 업데이트

이슈가 완료된 후 (TOBE)

6 에서 완료된 차트에 x축에 시간이 표시, y축에 가격이 표시되며, 줌/패닝 함에 따라 데이터가 자동 업데이트된다.

기타

6 이슈 PR merge가 선행되어야함

추후 패닝 혹은 줌시 데이터 fetch 기능이 도입될 수 있도록 함수 구조가 변경되어야함