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:-
- To use Google Gauge Chart on your website, add a link to the charts loader.
- After this, add a div with a unique id. Then, we have to load Google Graph API.
- Load the Visualization API with the desired package name. In our case, it is "gauge".
- Set a callback function.
- The visualization API is:- google.charts.load('current', {'packages':['gauge']})
- The callback function will be:- google.charts.setOnLoadCallback(draw_my_chart)
Code Explanation
All Tutorials related to Charts Tutorials
Annotation Chart
Area Charts
Bar Chart
Bubble Chart
Calendar Chart
Candlestick Chart
Column Chart
Combo Chart
Donut Chart
Gauge Chart
Geo Chart
Histogram Chart
Line Chart
Org Chart
Pie Chart
Scatter Chart
Stepped Area Chart
Timelines Chart