Como gerar um gráfico utilizando jQuery

Escrito por john ruiz | Traduzido por marcos a. guedes
  • Compartilhar
  • Tweetar
  • Compartilhar
  • Pin
  • E-mail
Como gerar um gráfico utilizando jQuery
Aprenda a gerar gráficos para seu site (Comstock/Stockbyte/Getty Images)

Os principais navegadores de internet, como Internet Explorer 9, Google Chrome e Mozilla Firefox, são capazes de interpretar e oferecer saída de dados para qualquer script e complemento jQuery. Com isso, muitos sites passaram a utilizar elementos e funções interativas sem depender muito do Adobe Flash para que possam ser carregados com maior agilidade. Embora o jQuery seja uma opção popular para a aplicação de efeitos e criação de apresentação de slides em sites, é também possível gerar gráficos para carregar certos complementos e scripts dessa biblioteca em sua página.

Nível de dificuldade:
Moderadamente fácil

Outras pessoas estão lendo

Instruções

  1. 1

    Utilize o TufteGraph se quiser gerar um gráfico de barras padrão em seu site. Esse script é leve e oferece algumas opções de configuração. Embora seja limitado no que diz respeito aos modelos que pode gerar, ele possui apenas algumas linhas de código e, por isso, carrega rapidamente, mesmo em conexões lentas. Além disso, permite a edição de cores de todas as barras, visto que pode ser aberto como arquivo CSS.

  2. 2

    Se forem necessários vários tipos de gráficos em seu site, utilize o jQuery Google Charts. Esse recurso possibilita a geração de gráficos dos tipos barras, barras empilhadas, linhas ou pizza. É também possível escolher entre as orientações horizontais e verticais, se o modelo definido for de barra ou barras empilhadas.

  3. 3

    Utilize o GraphUp se quiser criar gráficos no formato tabular. Ele pode ser utilizado para apresentar uma tabela na página, mas não oferece espaço adicional para um gráfico. Esse recurso adiciona elementos visuais a cada célula da tabela para oferecer uma rápida representação dos dados. O complemento pode gerar gráficos de preenchimento, barras e bolhas.

Não perca

Filtro:
  • Geral
  • Artigos
  • Slides
  • Vídeos
Mostrar:
  • Mais relevantes
  • Mais lidos
  • Mais recentes

Nenhum artigo disponível

Nenhum slide disponível

Nenhum vídeo disponível