La Mer Illimitée de l'Apprentissage

Débutant

Dans ce projet, vous apprendrez à créer un graphique de visualisation de données à l'aide de la bibliothèque ECharts. Le projet vise à aider Lucy, une utilisatrice d'une plateforme d'apprentissage en ligne, à mieux visualiser son temps d'étude quotidien.

JavaScript

💡 Ce tutoriel est traduit par l'IA à partir de la version anglaise. Pour voir la version originale, vous pouvez cliquer ici

Introduction

Dans ce projet, vous allez apprendre à créer un graphique de visualisation de données à l'aide de la bibliothèque ECharts. Le projet vise à aider Lucy, une utilisatrice d'une plateforme d'apprentissage en ligne, à mieux visualiser son temps d'étude quotidien.

👀 Aperçu

Aperçu du graphique à barres ECharts

🎯 Tâches

Dans ce projet, vous allez apprendre :

  • Comment extraire des données à partir d'un fichier JSON et les traiter pour extraire les informations nécessaires.
  • Comment utiliser la bibliothèque ECharts pour créer un graphique à barres qui affiche les statistiques de la durée d'étude hebdomadaire et mensuelle.
  • Comment implémenter une interaction permettant à l'utilisateur de basculer entre les vues hebdomadaires et mensuelles.
  • Comment redimensionner dynamiquement le graphique lorsque la fenêtre est redimensionnée.

🏆 Réalisations

Après avoir terminé ce projet, vous serez capable de :

  • Extraire des données à partir d'un fichier JSON et les manipuler pour la visualisation.
  • Configurer et personnaliser un graphique à barres ECharts pour afficher les statistiques de la durée d'étude.
  • Ajouter une interaction au graphique et gérer les interactions de l'utilisateur.
  • S'assurer que le graphique reste réactif et s'adapte au redimensionnement de la fenêtre.

Enseignant

labby

Labby

Labby is the LabEx teacher.