---
title: "Category Bar Chart"
slug: "category-bar-chart-12-1"
updated: 2026-03-19T14:23:33Z
published: 2026-03-19T14:23:33Z
canonical: "docs.bazefield.com/category-bar-chart-12-1"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.bazefield.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Category Bar Chart

This page describes how to configure the *Category Bar Chart* widget. The general description of this widget can be found here: [Category Bar Chart Widget Documentation](/product/docs/category-bar-chart-1-1-1).

This widget is intended for use in [Dashboard applications](/product/docs/create-dashboard-application-1) only.

This widget supports the following datasources:

- [Point Datasource](/product/docs/point-1)
- [Availability Statistics](/product/docs/availability-statistics-1)

## Configuration

### General Tab

![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image-PXZW178Q.png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A57%3A56Z&se=2026-11-06T21%3A57%3A56Z&sr=c&sp=r&sig=AQqGNlStCSfnzw3d2qvrrE%2BSFnEDbocVz1EschIZNHs%3D)

The General tab is divided into two sections:

- *App Linked Data Sources*: Displays all usable data in the widget. ![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image-V9GSZ1BJ.png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A57%3A56Z&se=2026-11-06T21%3A57%3A56Z&sr=c&sp=r&sig=AQqGNlStCSfnzw3d2qvrrE%2BSFnEDbocVz1EschIZNHs%3D)
- *Output configuration*: Defines the categories and associated series to represent, and how to display them. ![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image-X3OJ4B93.png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A57%3A56Z&se=2026-11-06T21%3A57%3A56Z&sr=c&sp=r&sig=AQqGNlStCSfnzw3d2qvrrE%2BSFnEDbocVz1EschIZNHs%3D)

#### App Linked Data Sources

For details on Linked app datasource see [Widget Configurations](/product/docs/widget-configurations-1).

#### Output Configuration

Define categories and their associated data series:

- *Categories*:
  - > To add a category, enter its name,
> 
> ![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image-SHSIYL95.png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A57%3A56Z&se=2026-11-06T21%3A57%3A56Z&sr=c&sp=r&sig=AQqGNlStCSfnzw3d2qvrrE%2BSFnEDbocVz1EschIZNHs%3D)
> 
> then press the ENTER key ![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image-21K4NEJZ.png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A57%3A56Z&se=2026-11-06T21%3A57%3A56Z&sr=c&sp=r&sig=AQqGNlStCSfnzw3d2qvrrE%2BSFnEDbocVz1EschIZNHs%3D)
  - To edit (rename) a category, click on its ![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image-2V8XYFGE.png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A57%3A56Z&se=2026-11-06T21%3A57%3A56Z&sr=c&sp=r&sig=AQqGNlStCSfnzw3d2qvrrE%2BSFnEDbocVz1EschIZNHs%3D) symbol
  - To remove a category, click on its ![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image-CY70RINU.png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A57%3A56Z&se=2026-11-06T21%3A57%3A56Z&sr=c&sp=r&sig=AQqGNlStCSfnzw3d2qvrrE%2BSFnEDbocVz1EschIZNHs%3D) symbol

- *Series*: to add a serie, click the ![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image-RIVXAG6J.png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A57%3A56Z&se=2026-11-06T21%3A57%3A56Z&sr=c&sp=r&sig=AQqGNlStCSfnzw3d2qvrrE%2BSFnEDbocVz1EschIZNHs%3D) button, then enter: ![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image-LXTKAGS6.png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A57%3A56Z&se=2026-11-06T21%3A57%3A56Z&sr=c&sp=r&sig=AQqGNlStCSfnzw3d2qvrrE%2BSFnEDbocVz1EschIZNHs%3D)
  - *Name*: the name that will be displayed in the graph legend
  - *Color*: pick a color for the serie, for light and dark modes
  - *Points*: for each category, select a data point and a type (Realtime or Aggregated)

> [!WARNING]
> Each serie *must* define a point for all categories. If this is not the case (typically when a category has just been added), a warning will appear in the series list and on each series definition:

![image.png](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image%28771%29.png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A57%3A56Z&se=2026-11-06T21%3A57%3A56Z&sr=c&sp=r&sig=AQqGNlStCSfnzw3d2qvrrE%2BSFnEDbocVz1EschIZNHs%3D) ![image.png](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image%28772%29.png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A57%3A56Z&se=2026-11-06T21%3A57%3A56Z&sr=c&sp=r&sig=AQqGNlStCSfnzw3d2qvrrE%2BSFnEDbocVz1EschIZNHs%3D)

- *Grouping*: Choose how the bars will be displayed for each category:

![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image-FL16K9DT.png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A57%3A56Z&se=2026-11-06T21%3A57%3A56Z&sr=c&sp=r&sig=AQqGNlStCSfnzw3d2qvrrE%2BSFnEDbocVz1EschIZNHs%3D)
  - Separated: ![image.png](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image%28775%29.png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A57%3A56Z&se=2026-11-06T21%3A57%3A56Z&sr=c&sp=r&sig=AQqGNlStCSfnzw3d2qvrrE%2BSFnEDbocVz1EschIZNHs%3D)
  - Overlapping: ![image.png](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image%28779%29.png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A57%3A56Z&se=2026-11-06T21%3A57%3A56Z&sr=c&sp=r&sig=AQqGNlStCSfnzw3d2qvrrE%2BSFnEDbocVz1EschIZNHs%3D)
  - Stacked: ![image.png](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image%28778%29.png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A57%3A56Z&se=2026-11-06T21%3A57%3A56Z&sr=c&sp=r&sig=AQqGNlStCSfnzw3d2qvrrE%2BSFnEDbocVz1EschIZNHs%3D)

### Advanced Tab

![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image-H9S3U04A.png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A57%3A56Z&se=2026-11-06T21%3A57%3A56Z&sr=c&sp=r&sig=AQqGNlStCSfnzw3d2qvrrE%2BSFnEDbocVz1EschIZNHs%3D)

- Visualization mode: choose between *Bar Chart* (default) and *Table*
- When *Table* is selected, **Table Display options** are available:
  - *Sort by* Name / Value: The table rows will be sorted by asset name or point value. If *Value* is chosen, select the point whose value will be used for sorting:

![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image-DEGBGP4I.png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A57%3A56Z&se=2026-11-06T21%3A57%3A56Z&sr=c&sp=r&sig=AQqGNlStCSfnzw3d2qvrrE%2BSFnEDbocVz1EschIZNHs%3D)
  - *Sort order*: Ascending / Descending
  - *Display percentages*: If this option is enabled, an additional percentage (relative to the total displayed) will be shown after each value

> [!NOTE]
> Regardless of the display type configured here, the display can be switched from a graph to a table, and vice versa, at any time using ![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image-SOR9AKJK.png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A57%3A56Z&se=2026-11-06T21%3A57%3A56Z&sr=c&sp=r&sig=AQqGNlStCSfnzw3d2qvrrE%2BSFnEDbocVz1EschIZNHs%3D):
> 
> 
> 
> ![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image-1RNZZENZ.png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A57%3A56Z&se=2026-11-06T21%3A57%3A56Z&sr=c&sp=r&sig=AQqGNlStCSfnzw3d2qvrrE%2BSFnEDbocVz1EschIZNHs%3D)
> 
> 
> 
> ![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image-LNET8LB3.png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A57%3A56Z&se=2026-11-06T21%3A57%3A56Z&sr=c&sp=r&sig=AQqGNlStCSfnzw3d2qvrrE%2BSFnEDbocVz1EschIZNHs%3D)

### Widget interactions Tab

The Category Bar Chart widget can be synchronized to other widgets, see [Widget synchronization](/product/docs/widget-synchronizations-2).