How to Use Syncfusion Chart in Bold BI?

Bold BI allows the use of Syncfusion charts in its platform. This can be achieved by downloading the necessary supporting dependent file and following a few simple steps.

Steps to Use Syncfusion Chart in Bold BI

1. Refer to the UG documentation link to know how to create a new custom widget template.
2. Download the necessary component from the Syncfusion Component Repository. Click on the download option for the required component.
   
   
3. After downloading, extract the file. Open the ej2.min.js file which is located in the scripts folder.
   
4. Scroll down to the last line of the ej2.min.js file and rename window.ejs and window.ej to a different name. This is to avoid namespace issues with built-in widgets available in the Bold BI application.
   
5. Now, use the ejCustomChart namespace to render the chart. Here is a sample code:

new ejCustomChart.charts.Chart({
    primaryXAxis: {
        //...
    },
    primaryYAxis: {
        //...
    }
});

6. After completing the code changes in the custom widget you can pack the custom widget file with the use of help link.
7. Then publish the implemented custom widget to the Bold BI application with the use of help link.

By following these steps, you can successfully use Syncfusion charts in Bold BI.

References

• Syncfusion Component Repository