How to Add an Accumulation Chart (Pie and Donut) Custom Widget?
Bold BI® allows you to enhance your dashboard with a variety of custom widgets, including Accumulation Chart types such as Pie and Donut charts. This guide provides step-by-step instructions on how to:
- Download the Custom Widget
- Publish the Custom Widget
- Locate the Custom Widget
- Configure the Widget
Download the Widget
- To begin, download the Accumulation Chart Type Custom Widget from the Bold BI® website or the widget library within the Bold BI® application.
Publish the Widget
- After downloading, you must publish the widget to the Bold BI® application. This step makes it available for use in your dashboards. You can refer to our detailed guide on publishing custom widgets for additional assistance.
Locate the Widget in Designer
Once published, the widget will appear in the Designer Panel. Follow these steps to add it to your dashboard:
- Search for
Custom Pie Chartin the widget search bar. - Drag and drop the widget from the Designer Panel to your desired location on the dashboard.
Configure the Widget
To display data effectively in the Pie or Donut chart, ensure you configure at least one value. Follow these steps for configuration:
- Drag and drop the custom pie chart onto the canvas and resize it as needed.
- Assign data to the widget.
- Once configured, the chart will display your data accordingly.
Formatting the Chart Widget
You can enhance the appearance of the accumulation chart using settings in the Properties tab.
Basic Settings
Chart Type
- Switch between different chart types.
Enable Drill-Down
- This option enables the rendering of multiple levels of data within the same view. If you bind more than one column in the Columns section, you can switch to a drill-down view by enabling this setting.
- Once you’ve drilled down into the data, you can easily return to the previous view using the breadcrumb navigator located at the top of the widget.
Show Data Label
- Toggle the visibility of data value labels.
- Disabling this option also hides related properties such as Data Label Color and Display Format.
Data Label Color
- Customize the color of data labels.
Data Label Format
- Choose how data labels are displayed as follows:
Category
Value
Percentage
Category And Value
Category And Percentage
Value And Percentage
All Details
Chart Size
- Adjust the size of the pie chart (values range from 1 to 10).
Donut Radius
- Customize the inner radius of the donut chart (values range from 1 to 9).
Show Tooltip
- Enable or disable tooltips for the pie chart.
Legend Settings
Show Legend
- Toggle the visibility of the legend.
Interactivity
- Control whether legends are clickable. Disabling interactivity ensures that users cannot toggle data visibility.
Color
- Customize legend text color.
Position
- Set the legend position to Top, Left, Right, or Bottom.
- Change the legend position using a dropdown menu.
Shape
Change the legend shape to:
- Circle: Display legend markers as circles.
- Series Type: Match legend shape with the series type.
Title
- Add a title to the legend.
Chart Series Settings
Enable Rounded Corner and Corner Radius
- Apply rounded corners to each slice of the pie/donut chart by setting a corner radius.
Enable Pie Radius
- Customize the radius of each slice.
Pie Radius Value
Define specific radius values for each category by using a JSON format:
{"CategoryName": "RadiusValue"}
Example:
{"Jan": 75, "Feb": 55, "Mar": 40, "Apr": 90, "May": 60, "Jun": 30, "Sep": 49, "Nov": 55}
By following these steps, you can effectively add, configure, and customize the Accumulation Custom Chart (Pie and Donut) widget in your dashboard.
References
