How to Add a Spline Area Chart with Gradient Color in Bold BI

Bold BI allows you to add a variety of custom widgets to your dashboard, including a spline area chart with a gradient color. Here’s a step-by-step guide on how to do it:

Steps to Add Spline Area Chart Custom Widget

1. Download the Spline Area Chart Custom Widget: Start by downloading the Spline Area Chart Custom Widget.

2. 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.

3. Locate the Widget in the Designer Panel: After publishing, the Spline Area Chart custom widget will appear under the Miscellaneous section of the designer panel.

4. Add the Widget to Your Dashboard: To add the widget to your dashboard, simply drag and drop it from the designer panel onto your dashboard. You can place it anywhere you like.

Step 5: Configure the Data: After adding the widget to your dashboard, you need to configure the data as needed. This will depend on the specific data you want to display in the Sankey chart.

Step 6: Render the Widget: Once all these steps are completed, the Spline Area Chart custom widget will render on your dashboard. You can now view your data in a visually appealing and easy-to-understand format.

By following these steps, you can easily add a spline area chart custom widget to your Bold BI dashboard. This will not only enhance the visual appeal of your dashboard but also make data analysis more intuitive and effective.

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.

2. We offer the choice to display legend values in two different types. Once you check the “show legend” box, a dropdown menu will appear allowing you to select the desired legend type. By default, it will display a default legend type. You also have the option to choose the “Annotations” type, which will present the legend as shown in the image below. Additionally, we provide the ability to adjust the width, X position, and Y position of the legend under Annotations Alignment Settings.

References

• How to create a new custom widget?
• Publishing Custom Widgets