Skip to main content

Vertical and Horizontal Multi Bar Charts

Carly Hammond avatar
Written by Carly Hammond
Updated over 2 weeks ago

Summary

  • Displays current snapshot or data over time? Current snapshot

  • Source data: Field (or metric)

  • Description: Like a Vertical/Horizontal Single Bar but with an additional qualitative (category) property defining bars, so you have clusters of bars

  • Use case example: Count of Companies, split by Owner and Phase

Who is this article for?

  • Planhat Users who are designing Dashboard and Presentation Pages (e.g. CS Ops)

What are Vertical and Horizontal Multi Bar Charts?

"Vertical Multi Bar" and "Horizontal Multi Bar" are part of the "Bar Charts" group, all of which show a snapshot of current data (as opposed to bar charts within the "Trend Charts" group, which show data over time).

They are similar to the "Vertical Bar" and "Horizontal Bar" Single Bar Charts, with one quantitative (numerical) axis and one qualitative (category) axis - but you add in an additional qualitative property to further divide/categorize the data, to add extra context.

What do we mean by this? For example:

  • If the Single Bar chart is:

    • Sum of Company ARR / Owner

  • Then the Multi Bar chart could be:

    • Sum of Company ARR / Owner / Phase

These are shown below - click the images to view them enlarged.

Vertical Multi Bar Charts and Horizontal Multi Bar Charts are functionally exactly the same - the bars just run vertically or horizontally, as the names indicate! The qualitative/quantitative axes swap places. The screenshot below shows an example of the same data displayed in these two chart types.

Like Single Bar Charts, you have flexibility in what's represented by the quantitative (numerical) axis - this can be a count of records (e.g. number of Companies), or sum/average/max/min of a property.


Why use Vertical and Horizontal Multi Bar Charts?

As we mentioned above, Multi Bar Chart use cases are like the use cases for Single Bar Charts (analyzing numerical data in relation to category values), but with an additional category property further dividing the data. They therefore actually have similar use cases to Matrix Charts and Metric Tables - it's just that they display the data graphically rather than by written numbers.


For example:

  • Average Company Health Score, by Owner and Phase

  • Count of Companies, by Owner and Phase

  • Total ARR, by Region and Salesperson

Like with Matrix Charts and Metric Tables, Multi Bar Charts enable you to see the relationship between the properties. For instance, if a particular CSM is assigned to a very high number of Companies in Onboarding, their workload is likely high, so don't assign them more Companies to manage; or if a specific CSM has a lot of their Companies marked as Churn Risk, then this may need to be investigated, and perhaps they need some extra support/training.


How to set up a Vertical or Horizontal Bar Chart

The main steps are:

  • Choose a data model (object) - e.g. Company

  • Define one axis (the numerical axis) by choosing between:

    • Either counting the number of records - e.g. number of Companies

    • Or a property (from a choice of metrics and fields) plus an operation (sum, average, max or min) - e.g. sum of ARR

  • Define the other axis by choosing a category property - e.g. Company Phase

  • Choose another category property to define the individual bars

  1. Within a Dashboard or Presentation Page, click on "Bar Charts" and then "Vertical Multi Bar" or "Horizontal Multi Bar"

    You'll see a form that looks like this:

  2. In the "Setup" tab

    • Choose an "Object" (i.e. data model), e.g. Company

    • In "Value", choose between "sum", "average", "count", "max" and "min"

      • If you select "count", this will count the number of records of your chosen model (e.g. the number of Companies)

      • For all other operations, once you select the "Value", you also need to select a "Property" (a suitable field or metric) on the model - so, for example, you could do "sum of ARR", or "average of Health Score"

        • πŸ“Œ Note: Health Score is called "Hlth" in the dropdown

    • In "Limit results (max no. of items)", you can specify the maximum number of bar groups (the main sections of the qualitative/category axis) and bars within those groups

    • "Split by category" is where you define the bar groups (the main sections on the quantitative/category axis) by choosing a suitable property (such as a list field). For example, if you have selected to count the Company model, you could potentially split by Phase, Industry, Region or Health Score ("Hlth")

    • In "Group by", you define the bars within those main groups

    • In "Name", you can optionally enter a title for your Widget, which will display within the Widget

      • An alternative, particularly relevant for Presentation Pages, is to use a separate simple Text Widget if you would like different formatting options

    • In "Description", you can optionally add a description for your Widget

      • This will show in the Widget as a tooltip on an "i" icon

      • An alternative could be to use a simple Text Widget alongside your Multi Bar Chart

    • In "Chart Type", you can switch chart types if you like - so, for example, if you started configuring a Vertical Multi Bar Chart and then decide you actually want a Horizontal Multi Bar Chart, you can swap here, and because they are similar chart types, any data you already selected will be compatible

  3. In the "Customization" tab

    • You'll see checkboxes that you can select or deselect

      • "Show Legend" displays the legend - this is particularly useful with these Multi Bar Charts as it shows what the different bars correspond to (as well as the respective totals)

      • "Hide Grid" removes the gridlines from the chart

      • "Hide null / undefined" - this excludes the "null / undefined" segment if applicable

      • "Hide Ticks" removes both the x and y axis labels

      • "Hide 'other'" - this excludes the "other" bar if applicable

      • "100% stacked bar" actually converts the Multi Bar Chart into a different type of chart - a Stacked Bar, and specifically a Stacked Bar set to display as percentages. While you can separately create a Vertical Stacked Bar and select this checkbox, if you would like a Horizontal Stacked Bar, starting with a Horizontal Multi Bar and selecting this checkbox is the only way to achieve this

    • Under "Reference Values", you can optionally add one or more reference values (which are horizontal lines if it's a Vertical Bar Chart, or vertical lines if it's a Horizontal Bar Chart) that you can use for benchmarking/targets

      • Click "+ Reference value" to add a new reference value

      • Give your reference value a name (in "Label"), specify the value itself, choose a line thickness, and select a colour

      • Repeat these steps if you would like to add an additional reference value

    • "Custom Segments" is an optional feature that allows you group category values into groups, meaning there are fewer bars

      • In a Multi Bar Chart, Custom Segments apply to the property you've selected for the "Group by" in the Setup tab (i.e. not the "Split by category")

      • In order to define custom segments, "Limit results" (in the "Setup" tab) needs to be blank (empty)

      • To define custom segments:

        • Click "+ Custom Segments"

        • Choose a segment "Label", specify which values should be included in that segment via "Include" (using commas to separate the values), and select a "Color"

        • Repeat the above two steps for as many segments (bars) as you need

  4. Click "Add filters" in the top right of the chart preview if you'd like to add a filter

    • Here you can select a filter so that the Vertical or Horizontal Multi Bar Chart shows specific data (e.g. only Companies in the Enterprise Tier rather than all Companies)

    • You can either select from an existing "Company Filter" ...

    • ... or build an "Advanced Filter" from scratch

  5. When you've finished configuring your Multi Bar Chart, click the orange "Add widget" button in the bottom right

If you want to go back and edit your Multi Bar Chart later on, it's easy to do so. While viewing the Page in Edit mode, mouse over the Widget (Chart), and click on the pencil icon to open up the Widget setup form again.


Pro tips

As we have mentioned elsewhere in this article:

  • You can configure "Custom Segments" (custom bars) if you'd like to group certain category values (bars) in together, with your choice of labels (names) and colors

  • You can add a "Reference Value", which can be handy for benchmarking/targets

  • You can convert your Multi Bar Chart into a percentage-based Stacked Bar Chart

Remember that "Split by category" defines the main groups on the qualitative/category axis, and "Group by" defines the bars within those groups. When you know the two qualitative/category properties you want to plot, try experimenting with swapping between which is "Split by category" and which is "Group by" - for example:

Click the images to view them enlarged

Note that you can't select the same property to be both "Split by" and "Group by" at the same time, so if you would like to swap the properties over like in the example above, you first need to deselect one (by selecting "-" in the dropdown list) before you can select it in the other dropdown.


Comparison with other Widgets

Vertical Multi Bar Charts have a lot of similarities with Vertical Stacked Bar Charts - the functionality, use cases, and method to configure the charts are basically the same. The only difference is that rather than the additional property corresponding to individual bars, in a Stacked Bar Chart they are segments of the same bar. This means that:

  • Stacked Bar Charts are perfect for showing the total of the whole category (axis property)

    • This means they are great for plotting "count" or "sum" data

  • Multi Bar Charts are better when you want to see relative sizes

    • This means they can also be good for showing "average", "max" or "min"

Here's the same data displayed in a Vertical Multi Bar Chart (at the top), a standard Vertical Stacked Bar Chart (in the middle), and a percentage-based Vertical Stacked Bar Chart (at the bottom). You can see the same configuration in the settings on the right of each image.

Click the images to view them enlarged

If you specifically want a horizontal bar chart, it's not possible to add a "Horizontal Stacked Bar" - although you can create a "Horizontal Multi Bar" and then select the "100% stacked bar" checkbox to turn it into a horizonal percentage stacked bar.

Did this answer your question?