Charts

Page Designer can be used to create Charts using the ChartsJS extension. This section explains how to create charts on Page Designer.

Open the Page Designer home page and go to the RESOURCES tab

Click on the Extensions sub-tab and click on the button Add more extension.

Drag & Drop the extension file or browse and choose the PGDChart extension file.

Click on the Install button for the ChartJS extension. Close the window.

Make sure the extension is added and enabled on your application.

Now open the page where you want to create the chart.

Drag and drop the chart element under the CHART panel into the designer screen.

Now click on the chart properties tab and enter the properties for the chart

Users can click on the Edit Chart Data button on the Chart Properties tab or the icon on the design panel to edit the data of the chart.

Users can also map dynamic data from microflow to the chart using connect to data icon

Now save and build an application to view the real-time data on the chart from Microflow O/P.