Introdução
Neste projeto, você aprenderá a criar um gráfico de tendências climáticas que exibe os dados de temperatura de uma cidade ao longo do ano. O gráfico permitirá que os usuários alternem entre os dados do mês atual e os dados dos próximos 7 dias, fornecendo uma visão abrangente das tendências climáticas.
👀 Pré-visualização
O efeito de alternância entre "O mês atual" e "Os próximos 7 dias" é mostrado na figura abaixo:
O efeito de alternância de mês é o seguinte:
🎯 Tarefas
Neste projeto, você aprenderá:
- Como buscar dados meteorológicos de um arquivo JSON usando Axios
- Como renderizar uma lista de meses e lidar com o evento de clique para alterar os dados exibidos
- Como implementar abas (tabs) para alternar entre os dados do mês atual e os dados dos próximos 7 dias
- Como inicializar e personalizar um gráfico Echarts para exibir os dados meteorológicos
🏆 Conquistas
Após concluir este projeto, você será capaz de:
- Buscar dados de um arquivo JSON usando Axios
- Criar uma interface de usuário responsiva e interativa com Vue.js
- Usar Echarts para criar um gráfico personalizado com recursos avançados
- Lidar com interações do usuário e atualizar o gráfico de acordo
- Aplicar seu conhecimento de desenvolvimento front-end, visualização de dados e design de experiência do usuário
