Charts

Charts Tutorials

Gauge Chart in Google Charts

Gauge Chart

 

 

Gauge charts use needles to show information as a reading on a dial. On a gauge chart, the value for each needle is read against the colored data range or chart axis. This chart type is often used in executive dashboard reports to show key business indicators. In other words, a gauge chart is a gauge with a dial, rendered within the browser using SVG or VML.

 

Steps for adding Google Gauge Charts to your Website:-

 

  1. To use Google Gauge Chart on your website, add a link to the charts loader.
  2. After this, add a div with a unique id. Then, we have to load Google Graph API.
  3. Load the Visualization API with the desired package name. In our case, it is "gauge".
  4. Set a callback function.
  5. The visualization API is:- google.charts.load('current', {'packages':['gauge']})
  6. The callback function will be:- google.charts.setOnLoadCallback(draw_my_chart)

Code Explanation

All Tutorials related to Charts Tutorials

All Sections related to Charts