Skip to main content
Loading...
Skip to article
  • Qualtrics Platform
    Qualtrics Platform
  • Customer Journey Optimizer
    Customer Journey Optimizer
  • XM Discover
    XM Discover
  • Qualtrics Social Connect
    Qualtrics Social Connect

Breakdown Bar Widget


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 Widget

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.
Horizontal bar broken out into a rainbow of colors labelled with different Text analysis topics

Types of Dashboards

This widget can be used in a few different types of dashboard. This includes:

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.
Dimension section of the breakdown bar widget menu

Widget Customization

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

Dimension

The Dimension is the field you would like your metric broken out by. Click the Field dropdown to select a compatible field.

Dimension metric in breakdown bar

Display Options

The Dimension display options allow you to customize the color and labels of the dimensions you selected above.

Display options in breakdown bar widget - dimension section

  • Sort dimension labels by: Change the order of your data by selecting a sort option from the dropdown menu. If you choose Custom, you will be able to drag and drop the values into whatever order you would like.
  • Data names: To rename your chart values, click on the name and type what you would like to see.
  • Data colors: Change the colors of your data by clicking the colored box to the left of each label.

The Chart styles options allow you to customize the information displayed on the widget.

The chart styles section of the display options menu

  • Show labels: Displays the label of each dimension alongside the value.
  • Show values: Displays the value of the metric for each dimension.
  • Show percentages: Displays the percentage of the metric for each dimension.
  • Decimal places: Displays the percentage of the metric to the decimal place provided.
  • Display bar vertically: Displays the breakdown bar vertically instead of horizontally.
  • Show legend: Displays the dimension labels along the bottom of the chart.

The Widget styles affect whether the widget has a white background or displays its title. These settings can also be edited in the dashboard theme. For more information on configuring widget style, see Editing Widgets.

The widget styles section of the display option settings

Legacy Breakdown Bar Widget

Attention: This legacy version of this widget is being deprecated and is no longer supported. For the same functionality with a more flexible setup, use the Breakdown Bar widget.

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.

Orientation

There are 2 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 stretched to fit a large width

Labels

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 left

FAQs