Bullet Graphs

Bullet graphs are a variation on linear gauges that displays actual and target values. It may also show ranges that identify whether the actual or current value is good or bad.

Bullet graphs convey information in a compact space, making them ideal for dashboards that need to display groups of single-valued metrics such as the current year-to-date sales revenue. Bullet Graphs were created and popularized by dashboard design expert Stephen Few.

Example:

import * as gauge from '@mescius/wijmo.gauge';

var myBulletGraph = new gauge.BulletGraph('#myBulletGraph', {
    min: 0,
    max: 100,
    value: 75,
    target: 60,
    bad: 50,
    good: 70,
    showText: 'None'
});