Gráficos angulares do Google - Visão geral

Google Chartsé uma biblioteca de gráficos baseada em JavaScript puro destinada a aprimorar aplicativos da web, adicionando recursos de gráficos interativos. Ele oferece suporte a uma ampla variedade de gráficos. Os gráficos são desenhados usando SVG em navegadores padrão como Chrome, Firefox, Safari, Internet Explorer (IE). No legado do IE 6, VML é usado para desenhar os gráficos.

angular-google-chartsé um wrapper de código aberto baseado em angular para Google Charts que fornece visualizações de Google Charts elegantes e ricas em recursos em um aplicativo Angular e pode ser usado com componentes Angular perfeitamente. Existem capítulos que discutem todos os componentes básicos do Google Charts com exemplos adequados em um aplicativo Angular.

Características

A seguir estão os principais recursos da biblioteca de gráficos do Google.

  • Compatability - Funciona perfeitamente em todos os principais navegadores e plataformas móveis, como Android e iOS.

  • Multitouch Support- Suporta multitoque em plataformas baseadas em tela de toque, como Android e iOS. Ideal para smartphones / tablets baseados em iPhone / iPad e Android.

  • Free to Use - Código aberto e gratuito para uso não comercial.

  • Lightweight - biblioteca principal loader.js, é uma biblioteca extremamente leve.

  • Simple Configurations - Usa json para definir várias configurações de gráficos e muito fácil de aprender e usar.

  • Dynamic - Permite modificar o gráfico mesmo após a geração do gráfico.

  • Multiple axes- Não restrito ao eixo x, y. Suporta vários eixos nos gráficos.

  • Configurable tooltips- A dica de ferramenta surge quando um usuário passa o mouse sobre qualquer ponto em um gráfico. googlecharts fornece um formatador integrado de dica de ferramenta ou formatador de retorno de chamada para controlar a dica de forma programática.

  • DateTime support- Lidar com data e hora especialmente. Fornece vários controles embutidos sobre categorias de datas sábias.

  • Print - Imprimir gráfico usando a página da web.

  • External data- Suporta o carregamento de dados dinamicamente do servidor. Fornece controle sobre os dados usando funções de retorno de chamada.

  • Text Rotation - Suporta rotação de etiquetas em qualquer direção.

Tipos de gráficos suportados

A biblioteca de gráficos do Google oferece os seguintes tipos de gráficos:

Sr. Não. Tipo / descrição do gráfico
1

Line Charts

Usado para desenhar gráficos baseados em linhas / splines.

2

Area Charts

Usado para desenhar gráficos de área.

3

Pie Charts

Usado para desenhar gráficos de pizza.

4

Sankey Charts, Scatter Charts, Stepped area charts, Table, Timelines, TreeMap, Trendlines

Usado para desenhar gráficos dispersos.

5

Bubble Charts

Usado para desenhar gráficos baseados em bolhas.

6

Dynamic Charts

Usado para desenhar gráficos dinâmicos onde o usuário pode modificar os gráficos.

7

Combinations

Usado para desenhar combinações de vários gráficos.

8

3D Charts

Usado para desenhar gráficos 3D.

9

Angular Gauges

Usado para desenhar gráficos do tipo velocímetro.

10

Heat Maps

Usado para desenhar mapas de calor.

11

Tree Maps

Usado para desenhar mapas de árvores.

Nos próximos capítulos, discutiremos cada tipo de gráfico mencionado acima em detalhes com exemplos.

Licença

O Google Charts é de código aberto e de uso gratuito. Siga o link - Termos de Serviço .