Painel de Vendas em Tempo Real com Echarts

Intermediário

Neste projeto, você aprenderá a criar um painel de vendas em tempo real utilizando a biblioteca Echarts. O painel exibirá os dados de vendas e volume em um formato visualmente atraente e de fácil compreensão.

javascriptweb-development

💡 Este tutorial foi traduzido do inglês com assistência de IA. Para ver o original, você pode mudar para a versão em inglês

Introdução

Neste projeto, você aprenderá como criar um painel de vendas em tempo real usando a biblioteca Echarts. O painel exibirá os dados de vendas e volume em um formato visualmente atraente e fácil de entender.

👀 Pré-visualização

Pré-visualização do painel de vendas em tempo real

🎯 Tarefas

Neste projeto, você aprenderá:

  • Como configurar o projeto e obter os arquivos necessários
  • Como completar a configuração "yAxis" no arquivo index.js
  • Como atribuir corretamente os valores dos dados do backend às opções de gráfico apropriadas na função renderChart

🏆 Conquistas

Após concluir este projeto, você será capaz de:

  • Renderizar dados em gráficos usando a biblioteca Echarts
  • Estruturar e organizar seu código para um projeto de visualização de dados
  • Trabalhar com a recuperação de dados assíncrona e atualizar o gráfico em tempo real

Professor

labby
Labby
Labby is the LabEx teacher.