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.
Example: Get object defining the html element
var app = qlik.openApp('2abac31e-3b46-4b78-8bxf-c5cea1d2514d', config);
app.getObject(document.getElementById("LB01"),
"uPyZavD");
Example: Get object defining the element id string
var app = qlik.openApp('2abac31e-3b46-4b78-8bxf-c5cea1d2514d', config);
app.getObject("LB01","uPyZavD");
Example: Get object with On-demand App Navigation bar
var app = qlik.openApp('2abac31e-3b46-4b78-8bxf-c5cea1d2514d', config);
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
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.
Example: Get visualization
var app = qlik.openApp('c31e2aba-3b46-4b13-8b87-c5c2514dea1d', config);
app.visualization.get('xGhjKl').then(function(vis){
vis.show("QV01");
});