How to integrate custom D3.js Chart widget with PivotClient

To add and render a custom D3.js Chart (third party), we can use our PivotChart JSON information, which can be transformed to an appropriate JSON format to render the D3.js Chart widget in the sample page. The same can be achieved in the script section, under a simple button click event. For creating a custom D3.js Chart widget, we need to refer the following JavaScript libraries under the HTML “head” tag.

JavaScript Libraries - D3.js Chart

The code sample below illustrates on how to add a custom D3.js Chart widget with PivotClient control.