Pie Chart

In this example we will see how to create a Pie chart using the Grid application.

Creating the Grid application

1. We will create a new Grid application based on the orders table.

2. To enable the Chart in a Grid, we must create first of all a Group By in the application. Then go to the tab “Group by” in the application menu, then click on “Static Group by>> New Group by”.

3. Select the field: “employeeid”.

4. Back to the initial options “Grid Modules”

5. Mark the “Chart” as the initial module and enable just it.

6. Access the guide “Summary” in the application menu, then click on “Charts>>Settings”.

7. Select the chart of “Pie” and change the other settings according to the image.

8. Go to “Fields >> New Field” option in the application menu

9. Create a field of type “currency” named “total”.

10. Go to the “Events >> onRecord” option in the application menu.

11. Use the following code in the event.

{total} = {freight} + {priceorder};

12. Go to the “Totals” tab in the application menu, then click on “Fields”.

13. Check only the column “Sum” in the field “total” so that the sum of the values of this field is created.

14. Now go to the “Summary” tab in the application menu, then click on “Charts >> Columns Charts”.

15. Check to display only the chart “total_sum” field “empoyeeid,” according to the image.

16. Click on the button “Run application”

Tutorials in the same category

Graph / Trend Line

To place a trend line within our graphs, the following steps must be performed: 1 - Create a...

Calendar application with print button and color of the day

In this example, we will see how to embed the print button in the Calendar application and also exe...

Calendar by User

In this tutorial we will see how to create an implementation calendar to filter by users. For this,...

Vertical Grid

A grid is a series of vertical and horizontal lines that are used to subdivide a page vertically an...

Comment this post