Module

Bullet

The bullet chart displays a single measure and compares that measure to one or more measures to complement its meaning and displays it in the context of qualitative ranges (as varying intensities of a single hue) of performance, such as poor, satisfactory and good.

Tutorials:
See:

View Source widgets/bullet.js, line 4

Methods

# setKey(key)

Set the column name with the field to be measured.

Parameters:
Name Type Description
key string

Column name.

View Source widgets/bullet.js, line 33

# setRanges(ranges)

Set the qualitatives ranges. It's an array of three numbers. The qualitative ranges are displayed as varying intensities of a single hue.

If this value is not specified, it takes the maximum value of the data and applies the following calculations:

  • maximum/3 for the poor value.
  • 2*maximum/3 for the average value.
  • maximum*1.1 for the good value.
Parameters:
Name Type Description
ranges Array.<number>
0 number

Represents a poor value.

1 number

Represents a average value.

2 number

Represents a good value.

Default Value:
  • [max/3, 2*max/3, max * 1.1]

View Source widgets/bullet.js, line 54

# setValue(value)

Set the column name with the value to be measured.

Parameters:
Name Type Description
value string

Column name.

View Source widgets/bullet.js, line 63