Tutorial: Summary and Chart

This example shows how to create a report with the summary and the graph on the same page.

Creating a Grid

1. Create a new grid application based on the following SQL.

SELECT
products.ProductID,
categories.CategoryName,
products.ProductName,
products.UnitPrice,
products.UnitsInStock
FROM
categories INNER JOIN products ON categories.CategoryID = products.CategoryID

2. Open the Grouping folder and click on “Static Grouping >> New Grouping“.

3. Select and enable the field categories.

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

5. Configure as the image below,

Showing only the summary and table

6. Return to the initial options “Grid Modules

7. Verify the “Summary” as the initial module and leave only this module and the “Graphic” enabled. In the “Chart” options, change to display it on the “same page“.

8. Click on the “Run application” button.


Tutorials in the same category

Card View HTML

  This tutorial demonstrates how to create a Grid application using the “User defined” ori...

Evaluation Field in the Grid

In this tutorial, you will see how to use the evaluation fields in a Grid application.  We ...

Evaluation Field in Summary

In this tutorial, you will see how to create a Summary by using the evaluation fields. We can use ...

Grid with fixed toolbar

  In this example, we are going to develop a report using a fixed toolbar on the top so we can...

Comment this post