Gauge ChartMulti-Valued Scorecard Gauge

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

In this 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}
];