Introduction
Dans ce projet, vous allez apprendre à créer un graphique de tendance météorologique qui affiche les données de température d'une ville tout au long de l'année. Le graphique permettra aux utilisateurs de basculer entre les données du mois en cours et les données des 7 prochains jours, offrant une vision globale des tendances météorologiques.
👀 Aperçu
L'effet de basculement entre "Le mois en cours" et "Les 7 prochains jours" est montré dans la figure ci-dessous :
L'effet de basculement des mois est le suivant :
🎯 Tâches
Dans ce projet, vous allez apprendre :
- Comment récupérer des données météorologiques à partir d'un fichier JSON à l'aide d'Axios
- Comment afficher une liste de mois et gérer l'événement de clic pour changer les données affichées
- Comment implémenter des onglets pour basculer entre les données du mois en cours et les données des 7 prochains jours
- Comment initialiser et personnaliser un graphique Echarts pour afficher les données météorologiques
🏆 Réalisations
Après avoir terminé ce projet, vous serez capable de :
- Récupérer des données à partir d'un fichier JSON à l'aide d'Axios
- Créer une interface utilisateur responsive et interactive avec Vue.js
- Utiliser Echarts pour créer un graphique personnalisé avec des fonctionnalités avancées
- Gérer les interactions de l'utilisateur et mettre à jour le graphique en conséquence
- Appliquer vos connaissances en développement front-end, visualisation de données et conception de l'expérience utilisateur
