Введение
В этом проекте вы научитесь создавать график динамики погоды, отображающий температурные данные для города в течение года. График позволит пользователям переключаться между данными текущего месяца и данными на следующие 7 дней, обеспечивая полное представление о динамике погоды.
👀 Предварительный просмотр
Эффект переключения между "Текущим месяцем" и "Следующими 7 днями" показан на рисунке ниже:
Эффект переключения месяцев выглядит следующим образом:
🎯 Задачи
В этом проекте вы научитесь:
- Получать данные о погоде из JSON-файла с использованием Axios
- Отображать список месяцев и обрабатывать событие нажатия для изменения отображаемых данных
- Реализовывать табы для переключения между данными текущего месяца и данными на следующие 7 дней
- Инициализировать и настроить график Echarts для отображения данных о погоде
🏆 Достижения
После завершения этого проекта вы сможете:
- Получать данные из JSON-файла с использованием Axios
- Создавать отзывчивый и интерактивный пользовательский интерфейс с использованием Vue.js
- Использовать Echarts для создания настраиваемого графика с продвинутыми функциями
- Обрабатывать взаимодействия пользователя и обновлять график в соответствии с ними
- Применять свои знания в области фронтенд-разработки, визуализации данных и дизайна пользовательского опыта
