Mastering Qlik Sense

Folder structure

Before we begin with the coding, we'll set up the folder structure to follow previously described best practices that have the property panel definition separated, as well as a dedicated file for the CSS styling. Bear in mind that, as this is an SVG-based extension, we will not be needing an AngularJS template:

Also, make sure to include the bar-chart-vertical icon in your .qext file:

//MasteringQSBarChart.qext{ "name": "Mastering QS bar chart Example", "description": "This is a description", "icon": "bar-chart-vertical","type": "visualization", "version": 1, "author": "Martin Mahler" }