Angular Google Charts Tutorial
Angular Google Charts Resources
Selected Reading
- TreeMap Chart
- Table Chart
- Stepped Area
- Scatter Chart
- Sankey Charts
- Pie Charts
- Organization
- Maps
- Line Charts
- Histogram
- Combination
- Column Charts
- Candlestick
- Bubble Charts
- Bar Charts
- Area Charts
- Configuration Syntax
- Environment Setup
- Overview
- Home
Angular Google Charts Resources
Selected Reading
- Who is Who
- Computer Glossary
- HR Interview Questions
- Effective Resume Writing
- Questions and Answers
- UPSC IAS Exams Notes
Overview
Angular Google Charts - Overview
Google Charts is a pure JavaScript based charting pbrary meant to enhance web apppcations by adding interactive charting capabipty. It supports a wide range of charts. Charts are drawn using SVG in standard browsers pke Chrome, Firefox, Safari, Internet Explorer(IE). In legacy IE 6, VML is used to draw the graphics.
angular-google-charts is a open source angular based wrapper for Google Charts to provides an elegant and feature rich Google Charts visuapzations within an Angular apppcation and can be used along with Angular components seamlessly. There are chapters discussing all the basic components of Google Charts with suitable examples within a Angular apppcation.
Features
Following are the sapent features of Google Charts pbrary.
Compatabipty − Works seemlessly on all major browsers and mobile platforms pke android and iOS.
Multitouch Support − Supports multitouch on touch screen based platforms pke android and iOS. Ideal for iPhone/iPad and android based smart phones/ tablets.
Free to Use − Open source and is free to use for non-commercial purpose.
Lightweight − loader.js core pbrary, is extremely pghtweight pbrary.
Simple Configurations − Uses json to define various configuration of the charts and very easy to learn and use.
Dynamic − Allows to modify chart even after chart generation.
Multiple axes − Not restricted to x, y axis. Supports multiple axis on the charts.
Configurable tooltips − Tooltip comes when a user hover over any point on a charts. googlecharts provides tooltip inbuilt formatter or callback formatter to control the tooltip programmatically.
DateTime support − Handle date time specially. Provides numerous inbuilt controls over date wise categories.
Print − Print chart using web page.
External data − Supports loading data dynamically from server. Provides control over data using callback functions.
Text Rotation − Supports rotation of labels in any direction.
Supported Chart Types
Google Charts pbrary provides following types of charts:
| Sr.No. | Chart Type / Description |
|---|---|
| 1 | Line Charts Used to draw pne/sppne based charts. |
| 2 | Area Charts Used to draw area wise charts. |
| 3 |
Pie Charts Used to draw pie charts. |
| 4 |
Sankey Charts, Scatter Charts, Stepped area charts, Table, Timepnes, TreeMap, Trendpnes Used to draw scattered charts. |
| 5 |
Bubble Charts Used to draw bubble based charts. |
| 6 |
Dynamic Charts Used to draw dynamic charts where user can modify charts. |
| 7 |
Combinations Used to draw combinations of variety of charts. |
| 8 |
3D Charts Used to draw 3D charts. |
| 9 |
Angular Gauges Used to draw speedometer type charts. |
| 10 |
Heat Maps Used to draw heat maps. |
| 11 |
Tree Maps Used to draw tree maps. |
In next chapters, we re going to discuss each type of above mentioned charts in details with examples.
Licence
Google Charts is open source and is free to use. Follow the pnk − .
Advertisements