---
title: "Category Bar Chart"
slug: "category-bar-chart"
updated: 2025-11-25T16:05:43Z
published: 2025-11-25T16:05:43Z
canonical: "docs.bazefield.com/category-bar-chart"
---

> ## 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).

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

This widget supports the following datasources:

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

## Configuration

The configuration is divided into two sections:

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

#### App Linked Data Sources

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

#### Output Configuration

Define categories and their associated data series:

- *Categories*:
  - > To add a category, enter its name,![image.png](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image%28768%29.png?sv=2026-02-06&spr=https&st=2026-11-06T21%3A07%3A55Z&se=2026-11-06T22%3A07%3A55Z&sr=c&sp=r&sig=Plr6at5g0Bbo1muT84uqa1Y%2BbCM%2FKH3nomEu3B0KUro%3D)then press the ENTER key ![image.png](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image%28769%29.png?sv=2026-02-06&spr=https&st=2026-11-06T21%3A07%3A55Z&se=2026-11-06T22%3A07%3A55Z&sr=c&sp=r&sig=Plr6at5g0Bbo1muT84uqa1Y%2BbCM%2FKH3nomEu3B0KUro%3D)
  - To remove a category, click on its ![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image(780).png?sv=2026-02-06&spr=https&st=2026-11-06T21%3A07%3A55Z&se=2026-11-06T22%3A07%3A55Z&sr=c&sp=r&sig=Plr6at5g0Bbo1muT84uqa1Y%2BbCM%2FKH3nomEu3B0KUro%3D) symbol

- *Series*: to add a serie, click the ![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image(781).png?sv=2026-02-06&spr=https&st=2026-11-06T21%3A07%3A55Z&se=2026-11-06T22%3A07%3A55Z&sr=c&sp=r&sig=Plr6at5g0Bbo1muT84uqa1Y%2BbCM%2FKH3nomEu3B0KUro%3D) button, then enter: ![image.png](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image%28774%29.png?sv=2026-02-06&spr=https&st=2026-11-06T21%3A07%3A55Z&se=2026-11-06T22%3A07%3A55Z&sr=c&sp=r&sig=Plr6at5g0Bbo1muT84uqa1Y%2BbCM%2FKH3nomEu3B0KUro%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-06T21%3A07%3A55Z&se=2026-11-06T22%3A07%3A55Z&sr=c&sp=r&sig=Plr6at5g0Bbo1muT84uqa1Y%2BbCM%2FKH3nomEu3B0KUro%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-06T21%3A07%3A55Z&se=2026-11-06T22%3A07%3A55Z&sr=c&sp=r&sig=Plr6at5g0Bbo1muT84uqa1Y%2BbCM%2FKH3nomEu3B0KUro%3D)

- *Grouping*: Choose how the bars will be displayed for each category: ![image.png](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image%28776%29.png?sv=2026-02-06&spr=https&st=2026-11-06T21%3A07%3A55Z&se=2026-11-06T22%3A07%3A55Z&sr=c&sp=r&sig=Plr6at5g0Bbo1muT84uqa1Y%2BbCM%2FKH3nomEu3B0KUro%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-06T21%3A07%3A55Z&se=2026-11-06T22%3A07%3A55Z&sr=c&sp=r&sig=Plr6at5g0Bbo1muT84uqa1Y%2BbCM%2FKH3nomEu3B0KUro%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-06T21%3A07%3A55Z&se=2026-11-06T22%3A07%3A55Z&sr=c&sp=r&sig=Plr6at5g0Bbo1muT84uqa1Y%2BbCM%2FKH3nomEu3B0KUro%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-06T21%3A07%3A55Z&se=2026-11-06T22%3A07%3A55Z&sr=c&sp=r&sig=Plr6at5g0Bbo1muT84uqa1Y%2BbCM%2FKH3nomEu3B0KUro%3D)