Google Charts - Overview

Google Charts – Overview

Google Charts is a pure JavaScript primarily based charting library meant to boost internet functions by including interactive charting functionality. It helps a variety of charts. Charts are drawn utilizing SVG in normal browsers like Chrome, Firefox, Safari, Web Explorer(IE). In legacy IE 6, VML is used to attract the graphics.


Following are the salient options of Google Charts library.

  • Compatability − Works seemlessly on all main browsers and cell platforms like android and iOS.
  • Multitouch Assist − Helps multitouch on contact display screen primarily based platforms like android and iOS. Preferrred for iPhone/iPad and android primarily based sensible telephones/ tablets.
  • Free to Use − Open supply and is free to make use of for non-commercial objective.
  • Light-weight − loader.js core library, is extraordinarily light-weight library.
  • Easy Configurations − Makes use of json to outline numerous configuration of the charts and really simple to study and use.
  • Dynamic − Permits to switch chart even after chart era.
  • A number of axes − Not restricted to x, y axis. Helps a number of axis on the charts.
  • Configurable tooltips − Tooltip comes when a consumer hover over any level on a charts. googlecharts offers tooltip inbuilt formatter or callback formatter to regulate the tooltip programmatically.
  • DateTime assist − Deal with date time specifically. Gives quite a few inbuilt controls over date smart classes.
  • Print − Print chart utilizing internet web page.
  • Exterior knowledge − Helps loading knowledge dynamically from server. Gives management over knowledge utilizing callback capabilities.
  • Textual content Rotation − Helps rotation of labels in any course.

Supported Chart Sorts

Google Charts library offers following kinds of charts −

Sr.No. Chart Sort & Description
1 Line Charts

Used to attract line/spline primarily based charts.

2 Space Charts

Used to attract space smart charts.

3 Pie Charts

Used to attract pie charts.

4 Sankey Charts, Scatter Charts, Stepped space charts, Desk, Timelines, TreeMap, Trendlines

Used to attract scattered charts.

5 Bubble Charts

Used to attract bubble primarily based charts.

6 Dynamic Charts

Used to attract dynamic charts the place consumer can modify charts.

7 Combos

Used to attract mixtures of number of charts.

8 3D Charts

Used to attract 3D charts.

9 Angular Gauges

Used to attract speedometer sort charts.

10 Warmth Maps

Used to attract warmth maps.

11 Tree Maps

Used to attract tree maps.

In subsequent chapters, we’ll focus on every sort of above talked about charts in particulars with examples.