curso de

Gráficos na web parte 2: Colunas e barras

Resumo do curso

  • 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.

Público alvo

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

Conteúdo relacionado

Cursos de JavaScript em Front-end

Leia nossos artigos de Front-end

Última atualização

29/08/2018

Já é aluno?

Comece o curso agora

8h

p/ conclusão

49

Atividades

174

Minutos de video

756

Alunos nesse curso

9

Nota deste curso

Certificado de participação

Um pouco mais do conteúdo

Descubra se esse curso é pra você lendo as primeiras aulas de Gráficos na web parte 2: Colunas e barras

Instrutores

  • Cássia é cientista de dados, instrutora e expert em Inteligência Artificial. Tem mestrado em Fundamentos da Matemática e há mais de 5 anos desenvolve projetos com IA. Participa ativamente da comunidade, fez parte do MIT Global Startup Labs, deu aula nas Pyladies SP e atuou como mentora em eventos como BlueHack, Women Techmakers Health Tech Weekend e AngelHack.

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

Ainda não estuda com a gente?

Invista na transformação da sua carreira!

Comece agora

nossos alunos e alunas

Experiências de quem já mergulhou com a gente.

Gostei muito dos exercícios propostos. A única coisa que faltou é a instrutora repassar como organizar o código no final, para funcionar todos os gráficos, tanto do curso 1 quanto desse curso 2.

Gráficos na web parte 2: Colunas e barras

Braz Alves de Lima

Ótima instrutora, um pena o curso não estar atualizado, isso atrapalha um pouco, pois a biblioteca mudou um pouco, um curso de 2017 pra quem faz em 2021, relacionado a tecnologia não é legal dessa forma.

Gráficos na web parte 2: Colunas e barras

Elio Junior

Boa. Os exercícios complementam com novos conhecimentos da biblioteca Google Charts. A instrutora simplifica a passagem do conteúdo com vários passos de formas diferentes para que nos seja dado novas experiências a fim de que possamos testá-las em nossos projetos.

Gráficos na web parte 2: Colunas e barras

Luiz Peralta

Aprenda JavaScript com esse e outros cursos, comece agora!

Plus

  • Acesso a TODOS os cursos da plataforma

    Mais de 1200 cursos completamente atualizados, com novos lançamentos todas as semanas, em Programação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.

  • Alura Challenges

    Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.

  • Alura Cases

    Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.

  • Certificado

    Emitimos certificados para atestar que você finalizou nossos cursos e formações.

  • Alura Língua (incluindo curso Inglês para Devs)

    Estude a língua inglesa com um curso 100% focado em tecnologia e expanda seus horizontes profissionais.

12X
R$85
à vista R$1.020
Matricule-se

Pro

  • Acesso a TODOS os cursos da plataforma

    Mais de 1200 cursos completamente atualizados, com novos lançamentos todas as semanas, em Programação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.

  • Alura Challenges

    Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.

  • Alura Cases

    Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.

  • Certificado

    Emitimos certificados para atestar que você finalizou nossos cursos e formações.

  • Alura Língua (incluindo curso Inglês para Devs)

    Estude a língua inglesa com um curso 100% focado em tecnologia e expanda seus horizontes profissionais.

12X
R$120
à vista R$1.440
Matricule-se
Conheça os Planos para Empresas

Acesso completo
durante 1 ano

Estude 24h/dia
onde e quando quiser

Novos cursos
todas as semanas