Embed visualizations using the Capability APIs

You can embed visualizations on the fly using the App API or the Visualization API.

App API: getObject

You can embed objects, that is visualizations, selection bars and navigation bars, using the App API.

To utilize the App API, you must first create a HTML page and configure Qlik Sense. For more information, see Getting started building mashups.

Then you must connect to the Qlik Sense app containing the data you want to visualize. When you have connected to the app, you can start utilizing the App API via the app.getObject method.

var app = qlik.openApp('2abac31e-3b46-4b78-8bxf-c5cea1d2514d');
	app.getObject(document.getElementById("LB01"),
		"uPyZavD");
var app = qlik.openApp('2abac31e-3b46-4b78-8bxf-c5cea1d2514d');	
	app.getObject("LB01","uPyZavD");
var app = qlik.openApp('2abac31e-3b46-4b78-8bxf-c5cea1d2514d');
app.getObject('MyAppNavigationToolbarDIVid', 'AppNavigationBar', { 
  sheetId: "RWcstb", openAppCallback: function ( appId, targetSheetId ) {
    alert("Open generated app event handled.  App ID: " + appId + " target sheet to open by default: " + targetSheetId);
		}
  }
);

API reference

App API: getObject method

Visualization API: get

You can embed visualizations using the Visualization API.

To utilize the Visualization API, you must first create a HTML page and configure Qlik Sense. For more information, see Getting started building mashups.

Then you must connect to the Qlik Sense app containing the data you want to visualize. When you have connected to the app, you can start utilizing the Visualization API via the visualization.get method.

var app = qlik.openApp('c31e2aba-3b46-4b13-8b87-c5c2514dea1d');
	app.visualization.get('xGhjKl').then(function(vis){
		vis.show("QV01");
	});

API reference

Visualization API: get method

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?