• Open in:

Range Bullet Chart

Bullet charts can be useful by effectively displaying some value against the target goal, for example.

Key implementation details

To create the “range line” in this demo we use a narrow ColumnSeries (horizontal bars) with its openValueXField (start position) and valueXField (end position) set to open/close values from our dataset. We add circle bullets in both of those locations by creating two bullets: one in locationX: 0 (start) and the other in locationX: 1 (end). Finally, we create a LineSeries for our triangle bullet (valueXField set to average from the dataset), set its stroke to invisible, and add a Triangle bullet to it.

Related tutorials

Demo source