Please ensure Javascript is enabled for purposes of website accessibility
Powered by Zoomin Software. For more details please contactZoomin

CONNECT visualization

Stacked bar chart graphic

  • Last UpdatedSep 12, 2025
  • 5 minute read

The stacked bar chart graphic represents data in a compact and easily interpretable format. Choose either a single bar layout or choose a stacked bar layout to offer a nuanced view. You can customize the number of stacks, with two, three, or four distinct segments in each bar, to show different complexities. Select between 1 to 12 bars to accommodate different dataset sizes.

A single bar chart presents one set of data with vertical or horizontal bars. Each bar is a category. Its height (or length, when horizontal) reflects the category's value. This graphic effectively illustrates the distribution or comparison of data across various categories, allowing for at-a-glance visualization of trends.

Examples

The following stacked bar chart graphic has its NumberofItems property set to Ten and its NumberofStacks property set to Three.

The following stacked bar chart graphic has its NumberofItems property set to Twelve and its NumberofStacks property set to Two.

\

Configure the graphic

Configure the following properties for this graphic:

  • Follow asset context - The asset context affects properties that are configured to display asset stream ref data and asset metadata. When this is enabled:

  • Follow time context - When this is enabled:

    • If this content is in a visualization, it uses the visualization's time context as the time range for the data it displays. For details, see Create a new visualization.

    • If this content is in an experience, it uses the time selected in the time selector content item as the time range for the data it displays. For details, see Add a time selector.

  • Time - If Follow time context is disabled, select the time range for the data displayed in the content item.

  • In the Options section:

    • Type - The type of bar chart.

    • NumberOfItems - The number of data points to display on the chart.

      This changes the number of certain properties available.

    • NumberofStacks - The number of stacks for each bar.

      This is available when Type is Stacked.

    • Statistics - The retrieval mode for the graphic.

      If Current is selected, configure the DataPoint property for each data point. If another option is selected, configure the DataPointReference, StartTime, and DataPointDuration properties for each data point.

      See Understand retrieval mode for details.

    • Color1-4 - The color displayed for each stacked bar.

      The number of properties available is based on the NumberOfStacks selected. When Type is Single, only one color is available.

    • ShowTitleAs - Enables the Title property in the Graphic Properties area to set the graphic title and sets the font size.

      Title is a larger font. Subtitle is a smaller font.

    • ShowTimeProperties - Enables the DataPointDuration property.

      This option is not available when Statistics is Current or Simulation is enabled.

    • ShowLabels - Displays the numeric scale for the x-axis.

    • ShowUOM - Enables units of measure for the x-axis, if ShowLabels is enabled.

      Set the UOM property in the Graphic Properties section.

    • ShowAxisNames - Enables labels for the axes on the graphic, if ShowLabels is enabled.

      Set the XAxisName and YAxisName properties in the Graphic Properties section.

    • ShowLegends - Enables legends for the data sets.

      If enabled, set the Legend property for each data set.

    • ShowValues - Displays the values for the data points.

    • ShowCard - Displays a colored background behind the graphic.

    • Simulation - Displays test data for the graphic.

      If enabled, the Statistics and DataPoint properties are not available and the SimMax, SimMin, and SimPeriod properties are available.

  • In the Graphic Properties section:

    • DataPoint1A-12D - The data point or value for each bar on the graphic, starting from the center.

      This is available when Statistics is Current and Simulation is disabled. The number of properties available is based on the NumberOfItems and NumberofStacks selected.

      To select a data stream, select the field and then select the pencil icon. In the DataPoint window, select Streams. In the Search window, use the filters to find and then select the stream, asset stream reference, or asset metadata to display.

    • DataPointDuration - The period, in minutes, used when calculating statistics.

      This is available when Statistics is not Current and ShowTimeProperties is enabled. it can't be zero, but it can be negative when a StartTime is specified.

    • DataPointReference1A-12D - The data point or value for each bar on the graphic, starting from the center.

      This is available when Statistics is not Current and Simulation is disabled. The number of properties available is based on the NumberOfItems and NumberofStacks selected.

      To select a data stream, select the field and then select the pencil icon. In the DataPointReference window, select Streams. In the Search window, use the filters to find and then select the stream, asset stream reference, or asset metadata to display.

      Ensure the Data Binding Mode is Constant when configuring DataPointReference1A-12D in combination with Statistics.

    • ChartRangeIncrement - The maximum value for the y-axis when Type is set to StackedBar.

      The y-axis maximum value is based on the highest total value among all columns, where each column's value is the sum of its stacked bar items. Use this setting to improve visual clarity by adding extra margin to the y-axis maximum and preventing the tallest bar from always appearing completely full.

      When Type is, instead, set to SingleBar, configure the Min and Max values for the y-axis.

    • Decimals - The number of decimal places for the data point value, up to 2.

      Invalid values are discarded.

    • Label1-12 - The label text shown for each bar, up to six characters.

      This is available when ShowLabels is enabled.

    • Legend1-12 - The legend text shown for each data set, up to 10 characters.

      This is available when ShowLegends is enabled.

    • SimMax - The highest simulated value for the graphic, when Simulation is enabled.

      Default is 100. This value must be greater than the SimMin value.

    • SimMin - The lowest simulated value for the graphic, when Simulation is enabled.

      Default is 0. This value must be less than the SimMax value.

    • SimPeriod - The simulation refresh period, in seconds, from 1 to 60.

      This is available when Simulation is enabled.

    • StartTime - The start time for use with statistics.

    • This is available when Statistics is not Current and ShowTimeProperties is enabled.

      If no value is specified, auto refresh is applied. The start and end times of the summary period are determined based on current time.

    • Title - The title text for the graphic.

      This is available when ShowTitleAs is Title or Subtitle.

    • UOM - The unit of measure text for the x-axis, up to five characters.

      This is available when ShowLabels and ShowUOM are enabled.

    • XAxisName - The text for the x-axis.

      This is available when ShowAxisNames is enabled.

    • YAxisName - The text for the y-axis.

      This is available when ShowAxisNames is enabled.

  • In the Advanced tab:

    • Title - The title displayed for this content item in the grid visualization.

      This is not available in a canvas visualization or experience. Set this value in the Title property in the Graphic Properties section.

In This Topic
TitleResults for “How to create a CRG?”Also Available in