Articles in this section
Category / Section

How do I integrate a custom chart into Bold BI?

Published:

Custom Widget:

Custom widgets are an effective solution in cases where the available pre-made selection of visual components does not fulfill specific needs. They empower users to design their own widgets by utilizing any necessary libraries or dependencies.

To integrate the custom widget into the Bold BI and utilize its functionality, please adhere to the following guidelines:

  • To begin, you will require a custom widget file (.bicw), and if you’re uncertain about how to create one, please check this How to Build Custom widget Bold BI article for detailed instructions on crafting custom widgets from the scratch. In this scenario, we will employ Lollipop charts as illustrative examples for the integration process.

  • You can download the Lollipop Custom Widget from this link

  • After downloading the custom widget, open your Bold BI Server then click on the Settings and navigating to Widget tab as shown below:

    setting.png

  • Click the Add New Widget button.

    addnew.png

  • Browse the location of the custom widget file and select the custom widget (*.bicw) that you want to add to the designer.

    browse.png

    location.png

  • Then click Upload and Save to publish the changes.

    savefile.png

  • Once you publish the custom widget, the Lollipop custom widget will appear under the Miscellaneous section of the designer panel as in the following image.

    d3icon.png

  • Drag and drop the widget and configure the data. The Custom LolliPop chart widget will render as in the following image

    lollipopchart.png

References:

Custom Widget Creation

lollipopchart.bicw
Was this article useful?
Like
Dislike
Help us improve this page
Please provide feedback or comments
AS
Written by Akalya Selvaraj
Updated
Comments (0)
Please  to leave a comment
Access denied
Access denied