JavaScript Gauge ChartMulti-Valued Scorecard Gauge

VIEW MORE GAUGE CHARTS
SAVE
VIEW HTML
EDIT ON CODEPEN
Gauge charts are often used in executive dashboard reports to show key business indicators. The gauge chart created by using KoolChart's JavaScript charting library can show more than one values, and circular and bar types are supported.

In this JavaScript chart example, a <Gauge> element with the nameField and valueField attributes are set to create a multi-valued scorecard gauge.
<Gauge nameField="name" valueField="value" ... >
...
</Gauge>

var chartData = [
{"name" : "English", "value" : 100},
{"name" : "Math", "value" : 74},
{"name" : "History", "value" : 82}
];