Mastering Qlik Sense

Let's get started-MasteringQSBarChart.js

Now that the folders and code structure are set, we can begin developing the bar chart visualization. With this particular bar chart example, we will be expecting to have at least one dimension and one metric. As such, we will need to define the intialProperties to ensure the qHyperCube will return a dataset, two columns wide with 5,000 rows, exhausting the cell limit of a qHyperCube:

//MasteringQSBarChart.js (snippet)initialProperties : {  qHyperCubeDef : {  qDimensions : [],  qMeasures : [],  qInitialDataFetch : [{   qWidth : 2,   qHeight : 5000 }] }},

Furthermore, we will be organizing the JavaScript code into three parts serving different purposes:

• The scope.prep() function will prepare the DOM ...