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

Last updated