Skip to main content
  • Customer Experience
    Customer Experience
  • Employee Experience
    Employee Experience
  • Brand Experience
    Brand Experience
  • Product Experience
    Product Experience
  • Core XM
    Core XM
  • Design XM
    Design XM

Breakdown Bar Widget (CX)

What's on This Page:

Was this helpful?

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

The feedback you submit here is used only to help improve this page.

That’s great! Thank you for your feedback!

Thank you for your feedback!

About Breakdown Bar Widgets

The breakdown bar widget displays data in a single bar where each data point is a proportional section of the bar. This widget is useful if you have data where you would like to have a compact way to look at how responses are distributed over a set of values.
Breakdown Bar widget

Field Type Compatibility

The breakdown bar widget is compatible with the following field types:

Only fields with the above types will be available when setting your Dimension for a breakdown bar.
Set Dimension dropdown in righthand editing pane

Widget Customization

For general settings that apply to most widgets, see Building Widgets. Customization unique to the breakdown bar widget will be detailed below.

Data Options

Once you’ve added a dimension to your widget, you’ll be able to hide, rename, and reorder the labels on your widget. If you decide to hide certain labels, you’ll have to decide whether you want to include this data when percentages are calculated on the widget. If not, deselect Include hidden labels in percents. If you keep this item selected and hide a label, the breakdown bar’s length will not adjust for the missing bar.

Chart described in the example below

Example: You make a breakdown bar widget displaying satisfaction results (very satisfied, very dissatisfied, etc.). You want to know the percentage of respondents who answered each way. Your question included a “Not Applicable” option you’d like to hide and exclude from the widget’s results. Deselect the “Not Applicable” label and deselect the Include hidden labels in percents option.


There are two options for the orientation of the breakdown bar widget: horizontal and vertical. Selecting a particular orientation can help you position the widget in relation to the other widgets on your dashboard.
Vertical and Horizontal radio buttons

Bar Thickness

You can determine how thick your bar graph is. Fixed results in a lean, thin bar. Responsive results in a bar that gets thicker as you drag and resize the widget. Responsive horizontal bars get thicker as they are made taller, and responsive vertical bars get thicker as they are dragged wider.

Bar thickness is set to responsive, so the breakdown bar is fat to fit how it's been stretched taller


You can determine what amount of information is displayed in the labels on the colorful areas of the breakdown bar widget:

  • Percent: Displays the percentage of responses that fall into a particular segment of the bar.
  • Label: Displays the label assigned to each value in the Labels section.
  • Count: Displays the number of responses that fall into a particular segment of the bar.

Labels in editing pane to right