Using data in an app

To finish off this tutorial, it is time for you to put your loaded data into a visualization in your app.

Adding a chart

Now that your data is loaded, you can create some charts with the data. Charts are often also called visualizations. It is not until you have also added the required dimensions and measures that a chart is complete. You will start by adding the charts and then continue by adding dimensions and measures.

Do the following:

1. Create a new sheet in your Scripting Tutorial app.
2. Drag a filter pane from the Charts tab to the sheet and use the handles to resize it so that it is 3 cells wide and 4 cells tall. Place it in the top left corner of the sheet.
3. Drag a bar chart to the top right corner, make it 5 cells tall and wide enough to stretch until the side of the sheet.
4. Drag a line chart to the remaining space.

The icons on the sheet show what sort of chart that you have added. Now you can add dimensions and measures to your charts to complete them as visualizations.

Adding dimensions and measures

The next step is to add dimensions and measures. Begin by adding time dimensions to the top left filter pane. The benefit of a filter pane is that you save space. Instead of having one filter pane each for Year, Quarter, Month, and Week, you will use only one filter pane for the same purpose.

Creating and adding dimensions

Do the following:

1. On top of the assets panel to the left, click to open Fields. Here you find all the fields in all the tables that you have loaded in the data load editor.

2. Scroll down to the bottom of the list, and click the field Year. Drag it to the center of the top left filter pane.
3. In the same way, add Quarter, Month and Week to the filter pane.

You have now created a filter pane with four dimensions: Year, Quarter, Month, and Week.

Creating and adding measures

Most visualizations need both dimensions and measures. A measure is the result of an aggregation expression, which is, in many cases, a common function, such as Sum, Max, Min, Avg (average), or Count.

In the bar chart you will show the sales by region.

Do the following:

1. Click Fields .
2. Click the field Region and drag it to the center of the bar chart area.
3. Click Add "Region".
4. Click the field Sales and drag it to the center of the bar chart area.
5. Click Add as measure > Sum(Sales).
6. In the properties panel on the right-hand side, click Appearance and then Presentation. Select Horizontal.

   The bars are now displayed horizontally.

7. In the properties panel on the right-hand side, click Sorting.

   The sorting order is displayed.

8. Drag Sum([Sales]) above Region so that the dimensions are sorted by Sum([Sales]) (measure value) instead of Region (dimension value, alphabetically).

The bar chart is complete, showing the sales results for the different regions. This is a basic bar chart. There are many options to enhance it in the properties panel (to the right). Just to show you one of the possibilities, let us use the title area for something more than just a title.

9. Paste the following into the title field of the bar chart:

='Total sales: $'& Round(Sum(Sales)/1000000, 0.1) & 'M'

10. Press Enter.

The final visualization on this sheet is a line chart.

Do the following:

1. Click Fields .
2. Click the field Month and drag it to the center of the line chart area.
3. Click Add "Month".
4. Click the field Year and drag it to the center of the line chart area.
5. Click Add "Year".
6. Click the field Margin and drag it to the center of the line chart area.
7. Click Add as measure > Sum(Margin).
8. Add the title Profit margin on top of the line chart.



9. Stop editing the sheet.

The sheet is now complete and you can begin to click around and interact with the contents of the sheet.



Because we limited the amount of monthly sales data in our original Sales.xlsx file, there is little data available for our chart after the end of March for each year. You can make selections in your filter pane so that you are only comparing the first three months of each year.

10. Click the Month field in the filter box, and then select Jan, Feb, and Mar.



11. Close the filter pane. The Profit margin chart shows the data for the first three months of each year.

Thank you!

Now you have finished this tutorial, and hopefully you have gained some basic knowledge about scripting in Qlik Sense. Please visit our website for more inspiration for your apps.