Criando Gráficos de Barras Interativos com ECharts

Iniciante

Neste projeto, você aprenderá a criar um gráfico de barras usando a biblioteca JavaScript ECharts para exibir estatísticas de desempenho estudantil. ECharts é uma ferramenta poderosa de visualização de dados que pode ajudá-lo a criar gráficos interativos e visualmente atraentes para apresentar seus dados.

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 gráfico de barras usando a biblioteca JavaScript ECharts para exibir estatísticas de desempenho dos alunos. ECharts é uma ferramenta poderosa de visualização de dados que pode ajudá-lo a criar gráficos interativos e visualmente atraentes para apresentar seus dados.

👀 Visualização

Image Description

🎯 Tarefas

Neste projeto, você aprenderá:

  • Como corrigir um erro no código inicial para exibir o gráfico corretamente
  • Como modificar as configurações do eixo x e do eixo y para garantir que o gráfico seja exibido na direção correta
  • Como ajustar os dados na série para corresponder à ordem dos rótulos do eixo x

🏆 Conquistas

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

  • Inicializar uma instância ECharts e configurar as opções do gráfico
  • Definir as propriedades do eixo x e do eixo y para controlar a aparência do gráfico
  • Atualizar os dados na série para corresponder à visualização desejada

Professor

labby
Labby
Labby is the LabEx teacher.