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 .