소개
이 프로젝트에서는 ECharts 라이브러리를 사용하여 데이터 시각화 차트를 만드는 방법을 배우게 됩니다. 이 프로젝트는 온라인 학습 플랫폼 사용자 Lucy 가 매일 학습 시간을 더 잘 시각화할 수 있도록 돕는 것을 목표로 합니다.
👀 미리보기
🎯 과제
이 프로젝트에서 다음을 배우게 됩니다:
- JSON 파일에서 데이터를 가져와 필요한 정보를 추출하기 위해 처리하는 방법.
- ECharts 라이브러리를 사용하여 주간 및 월간 학습 시간 통계를 표시하는 막대 차트를 만드는 방법.
- 사용자가 주간 및 월간 보기를 전환할 수 있도록 상호 작용을 구현하는 방법.
- 창 크기가 조정될 때 차트의 크기를 동적으로 조정하는 방법.
🏆 성과
이 프로젝트를 완료하면 다음을 수행할 수 있습니다:
- JSON 파일에서 데이터를 가져와 시각화를 위해 조작합니다.
- 학습 시간 통계를 표시하도록 ECharts 막대 차트를 구성하고 사용자 정의합니다.
- 차트에 상호 작용을 추가하고 사용자 상호 작용을 처리합니다.
- 차트가 반응형으로 유지되고 창 크기 조정에 적응하도록 합니다.
