Création de graphiques à barres interactifs avec ECharts

Débutant

Dans ce projet, vous apprendrez à créer un graphique à barres en utilisant la bibliothèque JavaScript ECharts pour afficher les statistiques des résultats scolaires des étudiants. ECharts est un outil de visualisation de données puissant qui peut vous aider à créer des graphiques interactifs et esthétiquement agréables pour présenter vos données.

javascriptweb-development

💡 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 à barres à l'aide de la bibliothèque JavaScript ECharts pour afficher les statistiques des performances des étudiants. ECharts est un puissant outil de visualisation de données qui peut vous aider à créer des graphiques interactifs et visuellement attrayants pour présenter vos données.

👀 Aperçu

Image Description

🎯 Tâches

Dans ce projet, vous allez apprendre :

  • Comment corriger une erreur dans le code initial pour afficher le graphique correctement
  • Comment modifier les paramètres de l'axe des x et de l'axe des y pour vous assurer que le graphique est affiché dans la bonne direction
  • Comment ajuster les données dans la série pour qu'elles correspondent à l'ordre des étiquettes de l'axe des x

🏆 Réalisations

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

  • Initialiser une instance ECharts et configurer les options du graphique
  • Définir les propriétés de l'axe des x et de l'axe des y pour contrôler l'apparence du graphique
  • Mettre à jour les données dans la série pour qu'elles correspondent à la visualisation souhaitée

Enseignant

labby
Labby
Labby is the LabEx teacher.