Overview

This chart is a variation of a bar chart, typically consisting of a primary bar layered on top of a secondary stack of less-prominent bars. Bullet graphs are best used for making comparisons, such as showing progress against a target or series of thresholds.

If a user configures a series "Series 1", choosing the following props:

• ranges1 for "Ranges"
• measures1 for "Measures"
• markers1 for "Markers"

and a series "Series 2", choosing the following props:

• ranges2 for "Ranges"
• measures2 for "Measures"
• markers2 for "Markers"

then upon receiving the following message:

msg.payload = {
    "ranges1": [0, 33, 66, 100],
    "measures1": 50,
    "markers1": 75,
    "ranges2": [0, 50, 100],
    "measures2": [33, 66],
    "markers2": [20, 80]
  }
return msg;

two charts are displayed:

• The first one contains three colored sectors, a single bar, and one marker.
• The second one contains two colored sectors, a bar divided into two colors, and two markers.

If a new message arrives with values, the graph updates with the new values.