issues
search
boostcampwm-2022
/
Web35-CryptoGraph
실시간 암호화폐 데이터 시각화 웹 서비스
19
stars
4
forks
source link
[캔들차트] 줌,패닝 기능 추가
#7
Closed
baldwinIV
closed
1 year ago
baldwinIV
commented
1 year ago
요약
6에서 작성한 캔들 메인차트에 zoom, panning 추가
예상 작업 내용 (커밋단위)
줌 기능 추가
[x] 한 화면에 몇 개의 캔들을 그릴지 상태로 분리 후 함수에 전달
[x] 마우스 wheelEvent에 상태 변경 이벤트 바인딩
[x] 변화된 캔들에 맞춰 axis 업데이트 (d3 translate 기능 사용하지 않음)
패닝 기능 추가
[x] 마우스 이벤트에 translate 이벤트 바인딩, translate 이후 움직인 거리 / 캔들 너비 만큼 상태도 업데이트
[x] 업데이트된 상태 (렌더링되는 캔들의 시작, 끝) 기반하여 axis 업데이트
이슈가 완료된 후 (TOBE)
6 에서 완료된 차트에 x축에 시간이 표시, y축에 가격이 표시되며, 줌/패닝 함에 따라 데이터가 자동 업데이트된다.
기타
6 이슈 PR merge가 선행되어야함
추후 패닝 혹은 줌시 데이터 fetch 기능이 도입될 수 있도록 함수 구조가 변경되어야함
요약
6에서 작성한 캔들 메인차트에 zoom, panning 추가
예상 작업 내용 (커밋단위)
이슈가 완료된 후 (TOBE)
6 에서 완료된 차트에 x축에 시간이 표시, y축에 가격이 표시되며, 줌/패닝 함에 따라 데이터가 자동 업데이트된다.
기타
6 이슈 PR merge가 선행되어야함
추후 패닝 혹은 줌시 데이터 fetch 기능이 도입될 수 있도록 함수 구조가 변경되어야함