프로젝트 의 JavaScript 스킬 트리

Echarts 를 활용한 실시간 판매 대시보드

중급

본 프로젝트에서는 Echarts 라이브러리를 사용하여 실시간 판매 대시보드를 만드는 방법을 배우게 됩니다. 대시보드는 판매 및 거래량 데이터를 시각적으로 보기 좋고 이해하기 쉬운 형식으로 표시합니다.

javascriptweb-development

💡 이 튜토리얼은 영어로 번역되었습니다. 원본을 보려면 영어로 전환

소개

이 프로젝트에서는 Echarts 라이브러리를 사용하여 실시간 판매 대시보드를 만드는 방법을 배우게 됩니다. 대시보드는 판매 및 거래량 데이터를 시각적으로 매력적이고 이해하기 쉬운 형식으로 표시합니다.

👀 미리보기

실시간 판매 대시보드 미리보기

🎯 과제

이 프로젝트에서 다음을 배우게 됩니다:

  • 프로젝트를 설정하고 필요한 파일을 얻는 방법
  • index.js 파일에서 "yAxis" 설정을 완료하는 방법
  • 백엔드 데이터의 값을 renderChart 함수 내의 적절한 차트 옵션에 올바르게 할당하는 방법

🏆 성과

이 프로젝트를 완료하면 다음을 수행할 수 있습니다:

  • Echarts 라이브러리를 사용하여 데이터를 차트로 렌더링
  • 데이터 시각화 프로젝트를 위한 코드 구조 및 구성
  • 비동기 데이터 검색으로 작업하고 실시간으로 차트 업데이트

강사

labby
Labby
Labby is the LabEx teacher.