Articles in this section
Category / Section

How to Add a Radial Gauge Chart Custom Widget in Bold BI?

Published:

How to Add a Radial Gauge Custom Widget in Bold BI

Bold BI allows you to add a variety of custom widgets to your dashboard, including a Radial GaugeChart. This guide will walk you through the steps to add this widget to your dashboard.

Download the Radial Gauge Custom Widget: The first step is to download the Radial Gauge Custom Widget This can be done from the Bold BI website or from the widget library within the Bold BI application.

Publish the Custom Widget to Bold BI: After downloading the widget, you need to publish it to the Bold BI application. This will make the widget available for use in your dashboards. You can find a detailed guide on how to publish custom widgets here.

Locate the Widget in the Designer Panel: After publishing, the widget will be available in the Designer Panel. You can find it by searching for ‘Radial Gauge’ in the widget search bar.

Miscellaneous.png

Add the Widget to Your Dashboard: To add the widget to your dashboard, simply drag and drop it from the Designer Panel to your desired location on the dashboard.

drag_and_drop.png

Configure the Data: Next, you will need to configure the data for the widget. This can be done in the ‘Assign Data’ tab of the widget settings. Here, you can select the data source and configure the data fields for the custom widget.

Render the Widget: Finally, after configuring the data, you can render the widget. This will display the Accumulation Chart on your dashboard with the configured data.

configure.png

Important Notes

  1. Ensure that the gradient color option is enabled under the Series Color Settings. This option will allow you to adjust the start and end color of the gradient.

highlight_point.png

  1. We offer the ability to modify the size of the radial gauge as well as customize its radius and border. You can access these options under the pointer settings and outer circle settings property section.

highlight_point1.png

References

RadialGauge_GradientColor519336.bicw
Was this article useful?
Like
Dislike
Help us improve this page
Please provide feedback or comments
SR
Written by Sethu Raman Athimoolam
Updated:
Comments (0)
Please  to leave a comment
Access denied
Access denied