Articles in this section
Category / Section

How to add Box and Whisker Chart Custom Widget to a dashboard?

Published:

Follow these steps to publish the custom widget into the Bold BI application and make use of it

Step 1: Download the BoxandWhiskerChart custom widget. 
Step 2: Publish the custom widget to the Bold BI application with a help link.
Step 3: Once you publish the custom widget, the Box and Whisker Chart custom widget will appear under the Miscellaneous section of the designer panel as in the following image. 


Step 4: Drag and drop the widget and configure the data. The Box and Whisker Chart custom widget will render as in the following image.

Box and Whisker Chart custom widget displaying with data.

Making improvements in the Box and Whisker Chart Custom Widget

​Add new improvements to the UI of the Box and Whisker Custom widget by making changes in the sourcefile.js file. To debug and make changes to the custom widget, follow these steps:
  1. Unpack the Box and Whisker custom widget (BoxandWhiskerChart.bicw) by following the steps in the mentioned link
  2. Add the debugger to the sourcefile.js file's init() method. Also, add the needed changes in the sourcefile.js file.
  3. Publish the custom widget by following the steps in this link.
  4. Now, open the new dashboard in the Bold BI designer.
  5. Open the Developer Tools in the Browser.
  6. Drag and drop the Box and Whisker Chart Custom Widget in the Designer.
  7. Now, the debugger will trigger. 


BoxAndWhiskerChart.bicw
Was this article useful?
Like
Dislike
Help us improve this page
Please provide feedback or comments
PN
Written by Premkumar Nedumaran
Updated:
Comments (0)
Please  to leave a comment
Access denied
Access denied