paint method

This API is reliable and breaking changes are unlikely.

paint($element, layout)

Renders the visualization extension. Call this method when the visualization extension must be rendered, either because of new data from the server or because the visualization extension has been resized.

Version history

Introduced 1.0



jQuery wrapper containing the HTML element where visualization should be rendered.


Data and properties for the visualization.


An array with data about the dimensions used. Includes qFallbackTitle, the title and qCardinal, number of different values.


An array with data about the measures used. Includes qFallbackTitle, the title, qCardinal, number of different values, qMin and qMax for minimum and maximum values.


An array with data from Qlik Sense. Every object corresponds to a row in the result. Dimension and measure values are JavaScript objects in this array.

layout.qHyperCube.qDataPages[0].qMatrix[0..#dimensions – 1]

Dimension values for the result row. Every object holds a text,(qText) to use for rendering, and a value(qElemNumber), to use for making selections, and the value state (qState).


An array with measure values for the result row. Every object holds data, the actual value(qNum), and text(qText), a formatted value.


The total number of rows (qcy) and columns (qcx) in the result set.


An unique identifier for the object. Useful for generating a unique HTML ID if needed.


If the user is in selection mode this will be an object with two flags: qInSelections and qMadeSelections.


paint: function ($element) {
	$element.html( "Hello world!!" );
Tip: For more examples of paint method implementation, please refer to the extension examples provided with your Qlik Sense installation.

Did this information help you?

Thanks for letting us know. Is there anything you'd like to tell us about this topic?

Can you tell us why it did not help you and how we can improve it?