Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[FE] 차트 확대 축소 기능 추가 & 이동 평균선 NaN 오류 해결 & Top5 localeScale 적용 #235

Merged
merged 5 commits into from
Dec 2, 2024

Conversation

dannysir
Copy link
Collaborator

@dannysir dannysir commented Dec 2, 2024

✅ 주요 작업

  • 확대 축소 기능 추가.
  • 이동 평균선 NaN표기 수정.
  • Top5 일부 localeScale 미적용 항목에 적용.
2024-12-02.11.23.46.mov

💭 고민과 해결과정

확대와 축소 기능을 위해 추가적으로 표시할 데이터를 인덱스를 기준으로 startend로 나누는 useState 객체를 추가했다. 해당 객체를 이용해 사용자 마우스 휠업과 휠 다운 이벤트에 맞게 start를 다르게 만들어 확대 기능을 구현했다.


📊 FE/BE 전체 작업 내역

차트에 불필요한 beginpath제거, fill과 stroke 같은 로직을 마지막에 한번만하여 최적화 진행.
반복되는 로직 분리.
Y축 라벨 위치 수정.
이동 평균선 NaN 표기 오류 수정.
@dannysir dannysir added FE 프론트엔드 LAYOUT 레이아웃 구현 BUGFIX 버그 픽스 labels Dec 2, 2024
@dannysir dannysir self-assigned this Dec 2, 2024
@dannysir dannysir requested a review from dongree December 2, 2024 06:28
@dongree dongree merged commit 63f1bd7 into front/main Dec 2, 2024
2 checks passed
@dannysir dannysir deleted the feature/layout/detail/chart-#192 branch December 5, 2024 01:28
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
BUGFIX 버그 픽스 FE 프론트엔드 LAYOUT 레이아웃 구현
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants