学海无涯

初级

在本项目中,你将学习如何使用 ECharts 库创建数据可视化图表。该项目旨在帮助在线学习平台用户 Lucy 更好地可视化她的每日学习时间。

JavaScript

💡 本教程由 AI 辅助翻译自英文原版。如需查看原文,您可以 切换至英文原版

简介

在这个项目中,你将学习如何使用 ECharts 库创建一个数据可视化图表。该项目旨在帮助在线学习平台用户露西更好地可视化她的日常学习时间。

👀 预览

ECharts 柱状图预览

🎯 任务

在这个项目中,你将学习:

  • 如何从 JSON 文件中获取数据并对其进行处理以提取必要的信息。
  • 如何使用 ECharts 库创建一个显示每周和每月学习时长统计信息的柱状图。
  • 如何实现交互性,以便用户在每周和每月视图之间切换。
  • 如何在窗口大小调整时动态调整图表大小。

🏆 成果

完成这个项目后,你将能够:

  • 从 JSON 文件中获取数据并对其进行操作以进行可视化。
  • 配置和自定义 ECharts 柱状图以显示学习时长统计信息。
  • 为图表添加交互性并处理用户交互。
  • 确保图表保持响应式并适应窗口大小调整。

教师

labby

Labby

Labby is the LabEx teacher.