MongoDB , Node.js , D3.js - 캔들차트 만들기

Front - Vue.js

Back - Node.js

종목별 가격 데이터 출처 - 데이터는 MongoDB에 저장

---

결과물

 

미국 주식

 

중국 주식(홍콩, 상해)

 

싱가포르 주식

 

가상 화폐

 

한국 주식

 

앞으로 할 일

1) Zoom & Pan 기능 구현

2) Zoom에 반응하여 x-axis, y-axis의 tickCnt와 범위 변경

3) Pan(또는 하단 스크롤바 움직임)에 반응하여 x-axis, y-axis의 tickCnt와 범위 변경

4) 날짜 형식 수정

5) 하단 스크롤바가 왼쪽 끝에 닿았을 때, 추가적인 데이터 불러오기

6) 전반적인 규격, 사이즈 수정