To integrate the chart element with the data from Microflow, user only need to call the Microflow and use the connect to data property on the chart element to connect to the data from Microflow.

To use the charts feature in Page Designer, go to the Extensions tab under Settings and add the Charts extension to your application. Once the extension is added and enabled, the user can start designing his dashboard page.

Create a normal page in your application and design the layout as required. Add the chart extension from the Components tab and drag it to the canvas on the page

The User can configure the properties of the chart to choose the chart type, title, style, and color scheme for the chart.

Users can also provide static data for the initial load.

But to create dynamic charts users need to configure the Microflow to retrieve the necessary data and integrate it with the chart component.

To create dynamic charts user needs to retrieve the data using Microflow in a particular format. For bar or line charts the data from Microflow should follow the below format.

But for pie charts, the data from Microflow should follow the below format.

Users can retrieve the data from the database using the database node or from other systems using the WebServices node.

From version 4.0.0.19, the Page Designer provides the Charts extension to design dynamic charts on the web pages or mobile applications. The user has to install the Charts extension that comes as a package with the ONEWEB Page Designer tool.