Front-end

Gráficos na web parte 2: Colunas e barras

Curso online de Gráficos na web parte 2: Colunas e barras

22 9.2

9,2

é a nota desse curso

185

alunos neste curso

Faça esse curso e...

  • Aprenda a programar e customizar gráficos empilhados.
  • Entenda mais sobre como a API do Google Charts funciona.
  • Experimente diferentes opções da API como em um projeto real.
  • Saiba como incluir datas no gráfico de forma prática.
  • Aprenda modificar o tipo de gráfico conforme a necessidade do projeto.

Veja a 1ª aula

Público alvo

Pessoas que querem criar gráficos usando a API do Google Charts

Nível de Dificuldade

Intermediário

Instrutores

  • Cássia Sampaio

    Cássia é engenheira de software, instrutora e expert em Inteligência Artificial. Tem mestrado em Fundamentos da Matemática e há mais de 3 anos desenvolve projetos com AI. Participa ativamente na comunidade: fez parte da organização da experiência MIT Global Startup Labs, deu aulas na Pyladies SP e atuou como mentora em eventos como Women Health Tech Weekend, AngelHack ou BlueHack.

Já é aluno?

Começar o Curso

Conteúdo Detalhado

  1. Transformando uma pizza em barras

    • Será que mudar de pizza para barras deu certo?
    • Diferenças entre área do gráfico e área da div
    • Exibindo as categorias das barras no gráfico
  2. Estilizando e empilhando as barras

    • Colocando cores com series ou com colunas de estilo
    • Anotando os números nas barras do gráfico
    • Limpando o gráfico para melhorar a visualização
    • Mudando a estrutura da tabela e empilhando as barras
  3. Resolvendo o problema de eixos e alterando o código

    • O problema com eixos das barras empilhadas
    • Primeira solução: usando series nas cores
    • Segunda solução: alterando a estrutura da tabela
    • Usando array para tabela, um pouco menos verboso
  4. Transformando o gráfico de barras empilhadas em colunas empilhadas

    • Conhecendo os tipos de empilhamento
    • Colocando marcas e objetos de percentual
    • Adicionando datas nas barras
    • Arrumando os eixos e direções do gráfico
  5. Entendendo particularidades da API e finalizando o projeto

    • Adicionando o objeto date
    • Será que uso string ou objeto new Date()?
    • Estilizando o gráfico de colunas empilhadas

Escolha o seu plano e vamos começar

  • Cursos
  • Certificado de participação
  • Todas as formações
  • Projeto avaliado pelos instrutores
  • Certificado de avaliação
  • Acesso à Alura Start
  • Acesso à Alura Língua
  • Como Funciona?
Premium
  • 614
12X
R$75

à vista R$900

Matricule-se
Premium Plus
  • 614
12X
R$100

à vista R$1.200

Matricule-se
Max
  • 614
12X
R$120

à vista R$1.440

Matricule-se
Acesso por 1 ano
Certificado Digital de conclusão
Estude 24h/dia onde e quando quiser
Novos cursos toda semana