In this example we will develop a control panel, using the sales table.

1 – Create a new Dashboard application.

2 – In the Dashboard configuration, click on “Add Connection Widget”. Do this four times, so that we have 5 widgets in the application, for now.

2.1 – In the first widget we will call the application “Sales Map using the FusionChart library”

2.2 – In the second widget we will call the application “Multi-series graph”

2.3 – In the third widget we will call the application “Pivot Table with refined filter”

2.4 – In the fourth widget we will call the application “Bubble Graph”

2.5 – In the fifth widget we will call the application “Scatter Plot”

3 – Next, we will create 3 index widgets.

3.1 – The first index showing the total sales in the year.

3.2 – The second index showing the difference in the maximum sale value in the year compared to the previous year.

3.3 – The third index showing the average sales in the year.

4 – Organize widgets by dragging or resizing them on the settings screen.

5 – Run the application

Comment this post