Category / Section
How to add Sankey Diagram Custom Widget to a dashboard?
Published:
eTo incorporate the custom widget into the Bold BI application and utilize its functionality, please adhere to the following guidelines:
|
Note: Sankey Diagram is developed using third-party
control Apache Echart. To download and use the custom widget you need to
agree with the license.
|
Step
1: Download
the Sankey Diagram 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 Sankey Diagram 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 Sankey Diagram custom widget will
render as in the following image. Note: To render the Sankey diagram we have the minimum requirement to bound two dimensions column and one measure column as in the above image.
Making Improvements in Sankey Diagram Custom Widget
Add new
improvements to the UI of the Sankey Diagram Custom widget by making changes to
the sourcefile.js file.To debug and
make changes to the custom widget, follow these step
- Unpack the Sankey Diagram custom widget (SankeyDiagram.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 in 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 Sankey Diagram Custom Widget in the Designer.
- Now, the debugger will trigger.
Related
Links:
SK
