How to add Gantt Chart Custom Widget in a dashboard

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

1. Download the Gantt Chart custom widget.

2. Publish the custom widget to the Bold BI application with a help link.

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

   

4. Drag and drop the widget and configure the data. The Gantt Chart custom widget will render as in the following image.
   

   

5. If we want to enable the BaseLine in GanttChart you can bind the planned startDate and endDate to render the baseline as in the below image.
   

   

Improvement in the Gantt Chart Custom Widget

To debug and make changes in the custom widget, follow these steps:*

• Unpack the Gantt Chart custom widget (GanttChart.bicw) by following the steps in the mentioned link
• Add the debugger to the sourcefile.js file’s init() method. Also, add the needed changes to the sourcefile.js file.
• Publish the custom widget by following the steps in this link.
• Now, open the new dashboard in the Bold BI designer.
• Open the Developer Tools in the browser.
• Drag and drop the Gantt Chart Custom Widget in the Designer.
• Now, the debugger will trigger.