Bulletchart

Purpose & Application

The bullet chart is the objective comparison chart or instrument.

📝 For example, if you are setting goals on a sales project, or a marketing team, this is the relevant graph to use.

The vertical bar can be used for the goal, while the horizontal one can be used for the current or ongoing performance.

This chart is relevant in the sense that it shows the progress of the indicator towards a specific goal. You have therefore the ability to compare this measurement to another one and provide a context in the form of performance or rate.

Key Features

• Compare up to three indicators

As a Salesperson, I want to follow up my performance compared to my objective and my performance of the previous year.

• Color coding helps you identify if you reached your target. Follow up easily the achievement of your objectives. 🎯

As a Sales Manager, I want to verify how objectives have been achieved during the last period.

• Sparklines allow you to show your user a X years / months / whatever evolution as a sparkline on the right side of each bar.

I want to have a global vision of the performance of Bordeaux’s 🍷 shop, right from its opening.

• ⚖️ Compare the achievement of values at different scales.

As a Sales Manager, I want to verify how objectives have been achieved at country level and region level.

• Simple navigation ⛵, just click on a label to explore the performance of the label’s breakdown.

As a Restaurants Manager, I need to follow my global performance (all the restaurants I manage) and if I click on my global perimeter, I have the performance of the different restaurant I manage.

Configuration

* Mandatory parameters

Section	Option	Configuration tutorial
	Dataset*	Select the dataset used by the chart
	Label*	Column containing bars label.
	Value*	Column containing bar value.
	Target*	Represented as a vertical bar.
Legend	Display legend	Toggle to activate legend display.
Legend	Additional info	Allow you to contextualize in-depth. Check the box and select a column of the dataset
Legend	Bar legend expanded by default	You can select different options : Choose the first value Choose the last value Choose a specific value
Sort	Label order	Choose to order labels or not.
Sort	Display ranks for sorted bars.	Toggle to display ranks for sorted bars.
Packs	Packs	Check the box Select the column that will be used for packing
Packs	Display Packs names	Click on the toggle "Display pack names"
Packs	Packs order	Check the box Select the configuration type Select the column to use for ordering
Enrich chart	Comparison	Activate options to add more info. Comparison will be displayed as an overlay around the bars.
Enrich chart	Sparklines	Activate options to add more info. Add a line to represent the trend of the value for each label.
Display	Add colors on target tick	Use it to visually see the target to reach.
Display	Remove targets alignment	Click on the toggle.
Display	Use same scale for all bars	Click on the toggle.
Display	Size	Enter a proportion of the total screen. Use on multiple charts only. Enter a number from 0 to 1.
Display	Mobile size	Enter a proportion of the total mobile screen. Use on multiple charts only. Enter a number from 0 to 1.
Display	Custom CSS class	amazing-class | Set a custom CSS class to target this specific chart with CSS
Tutorial	ID	Enter an ID. Change the ID to display the tutorial again. All tutorials with the same ID will be displayed only once.
Tutorial	Message	Enter your message | This will be displayed to your users
Tutorial	Always show this tutorial	By default the tutorial is shown once only