Radial Stacked Bar Chart

This Radial Stacked Bar Chart can enable you to plot the categorized series on a polar coordinate system. This displays the Y-axis in a circular manner, as a radar chart making the columns circular. One can easily adjust the start and end angles to better align your needs.

Installation and configuration

The Radial Stacked Bar Chart plugin can be installed by an Admin, following the directions in Installing QBeeQ Plugins.

Operating system and version support:

Linux - Latest

Windows - Latest

Creating a new Radial Stacked Bar Chart

To create a new Radial Stacked Bar Chart widget:

Choose QBeeQ Radial Bar from the widget dropdown list

Select data as Category, Value, and Break By

Configure settings

Configure additional settings using config.js (optional)

Select data

Use the data panel to select data to display on the chart:

Category - The dimension used to define the primary grouping of the data in the visualization. Each distinct value in this field is displayed as a separate segment in the chart. Determines how data is split across the main axis.

Value - A formula or calculated field that determines the numeric metric that is aggregated and visualized in the chart. Defines the size/length of each segment.

Break By - A secondary dimension that subdivides each Category into multiple segments based on another dimension. Controls color distribution in the chart. Expands legend entries.

⚠️

The plugin works only when all three elements are present in the data panel

Configure settings

Setting	Description	Options
Animation	Enables or disabled animation effects in the visualization	On, Off
Enable scroll zoom	Allows enable/disable zoom axes for Category and Break By	On, Off with toggle
Legend	Allows enable/disable legend and defines the position of the legend on the widget	On, Off with toggle Left, Right, Top, Bottom

Configure additional settings using `config.js`

The Radial Stacked Bar Chart uses a config.js file that allows Admins to perform additional configuration/customization.

To locate this file:

Go to the Admin tab > App Configurations > File Management

Continue to the plugins folder > QBeeQRadialBar folder > select the config.js file

You can edit the file's code directly in the user interface.

Setting	Description	Options	Example
tooltipFontFamily	Defines the font family used in the tooltip	Font family reference	`tooltipFontFamily: "Open Sans"`
tooltipFontSize	Sets the font size in pixels used in the tooltip		`tooltipFontSize: "12px"`
tooltipFontWeight	Controls the thickness of tooltip text	Font weight reference	`tooltipFontWeight: "500"`

Using the Radial Stacked Bar Chart

Tooltips

Viewers can hover over each point to view a tooltip containing data defined in the data panel.

Zoom in/out

When the Enable Scroll Zoom setting is enabled, Viewers can zoom in and out to focus on specific Category and Break By using the scroll function.

Viewers can also manually select segments by clicking, holding, dragging over the desired values, and then releasing the right mouse button.

Limitations

Click to filter dashboard functionality is not available for this plugin.