Pyramid Chart

In this example we will see how to create a Pyramid 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 “Pyramid” 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

Vertical Grid

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


-Autocomplete, or word completion is a feature in which an application predicts the rest of a word ...

Calendar (Integration with Google Calendar)

1- First, you should activate the google API on this page:

Simple Calendar

1. For this example we will use the following database table to create a Calendar application. C...

Comment this post