Auf der linken Seite ist im Kern der Qlik Sense Server dargestellt. Dieser läuft über NodeJS über Node wird mit einem NodeModul Names Express auf eine Postgres Datenbank zugegriffen, das ist der Elefant in unserem Bild. 

Damit das ganze in unserem Mashup funktioniert werden über die requireJS die entsprechende Module wie angular, jQuery, etc. und natürlich Qlik bereitgestellt. 

Wenn Sie z.B. wie im Bild den Aufruf qlik.openApp() aufrufen, wird über Angular eine Verbindung zum Qlik Sense Server aufgebaut die Berechtigung über die Postgres DB abgefragt. Ist diese Vorhanden wird über die Engine die entsprechende App geöffnet.

In diesem Fall wird die geöffnete Qlik Sense Applikation in einer Variablen „app“ gespeichert. Anschließend können wir erneut per Angular eine Anfrage an den Server senden, nämlich app.getObject().

Damit wird per Angular unserem HTML Element <div> ein Chart zugewiesen, dieses Verfahren nennt man auch Binding. Das entsprechende HTML Element wird nämlich mit Funktionen bestückt, die es ermöglichen in dem Diagramm Aktionen auszuführen. Diese sind wiederum auch kleine JavaScript Funktionen die durch den Aufruf mit generiert werden.

Die entspreche Positionierung des Charts in unserem HTML Dokument kann mit CSS erreicht werden.