Front-end

Gráficos na web parte 2: Colunas e barras

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

12 9.4

9,4

é a nota desse curso

110

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.

Premium

12x R$100 R$75
(ou à vista R$1.200 R$900) Aproveite enquanto os preços antigos continuam valendo!
Matricule-se
  • 580
    Cursos
  • 33.319
    Atividades
  • Estude por 1 ano
  • 3 ebooks da Casa do Código
  • Curso de inglês na Alura Língua
  • Acesso à Alura Start

Premium Plus

12x R$125 R$100
(ou à vista R$1.500 R$1.200) Aproveite enquanto os preços antigos continuam valendo!
Matricule-se
  • 580
    Cursos
  • 33.319
    Atividades
  • Estude por 1 ano
  • 3 ebooks da Casa do Código
  • Curso de inglês na Alura Língua
  • Acesso à Alura Start
Acesso por 1 ano
Certificado digital de conclusão
Estude 24h/dia onde e quando quiser
Novos cursos toda semana

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

    Mestrado em Fundamentos da Matemática, trabalha com IA faz 3 anos, super fã de Gödel, Einstein e Turing. Entusiasta do Programa de Langlands. Maga nível 1 das Sete Chamas Sagradas.

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

Premium

12x R$100 R$75
(ou à vista R$1.200 R$900) Aproveite enquanto os preços antigos continuam valendo!
Matricule-se
  • 580
    Cursos
  • 33.319
    Atividades
  • Estude por 1 ano
  • 3 ebooks da Casa do Código
  • Curso de inglês na Alura Língua
  • Acesso à Alura Start

Premium Plus

12x R$125 R$100
(ou à vista R$1.500 R$1.200) Aproveite enquanto os preços antigos continuam valendo!
Matricule-se
  • 580
    Cursos
  • 33.319
    Atividades
  • Estude por 1 ano
  • 3 ebooks da Casa do Código
  • Curso de inglês na Alura Língua
  • Acesso à Alura Start
Acesso por 1 ano
Certificado digital de conclusão
Estude 24h/dia onde e quando quiser
Novos cursos toda semana