Introduction
In this project, you will learn how to create a data visualization chart using the ECharts library. The project aims to help Lucy, an online learning platform user, to better visualize her daily study time.
👀 Preview
![finished](https://file.labex.io/namespace/718bace8-27a3-4200-a588-dde4041ceeb9/echarts/project-the-boundless-sea-of-learning/lab-the-boundless-sea-of-learning/assets/effect.gif)
🎯 Tasks
In this project, you will learn:
- How to fetch data from a JSON file and process it to extract the necessary information.
- How to use the ECharts library to create a bar chart that displays the weekly and monthly study duration statistics.
- How to implement interactivity to allow the user to switch between the weekly and monthly views.
- How to resize the chart dynamically when the window is resized.
🏆 Achievements
After completing this project, you will be able to:
- Fetch data from a JSON file and manipulate it for visualization.
- Configure and customize an ECharts bar chart to display study duration statistics.
- Add interactivity to the chart and handle user interactions.
- Ensure the chart remains responsive and adapts to window resizing.