简介
在这个项目中，你将学习如何创建一个天气趋势图表，该图表展示一个城市一整年的温度数据。该图表将允许用户在当月数据和接下来7天的数据之间切换，从而提供天气趋势的全面视图。
👀 预览
“当月”和“接下来7天”的切换效果如下图所示：
月份切换效果如下：
🎯 任务
在这个项目中，你将学习：
- 如何使用Axios从JSON文件中获取天气数据
- 如何渲染月份列表并处理点击事件以更改显示的数据
- 如何实现标签以在当月数据和接下来7天的数据之间切换
- 如何初始化和自定义Echarts图表以显示天气数据
🏆 成果
完成这个项目后，你将能够：
- 使用Axios从JSON文件中获取数据
- 使用Vue.js创建一个响应式且交互式的用户界面
- 使用Echarts创建一个具有高级功能的自定义图表
- 处理用户交互并相应地更新图表
- 应用你在前端开发、数据可视化和用户体验设计方面的知识
