JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://branch.qlik.com/anon/resources/assets/external/requirejs/require.js"></script>
<link rel="stylesheet" href="https://branch.qlik.com/anon/resources/autogenerated/qlik-styles.css">
<div id="chart"></div>
CSS
#chart {
width: 300px;
height: 300px;
}
JavaScript
var config = {
host: 'branch.qlik.com',
isSecure: true,
prefix: '/anon/'
};
require.config({
paths: {
'qlik': 'https://branch.qlik.com/resources/js/qlik'
},
baseUrl: 'https://branch.qlik.com/resources'
});
require(['js/qlik'], function(qlik) {
var app = qlik.openApp('e6c1e37c-38dd-4847-b8f6-2431405f7ab1', config);
app.visualization.create('barchart', ['Dim1', '=Sum(Expression1)'], {
title: 'This is my bar chart'
})
.then(function(barchart) {
barchart.setOptions({
title: '"Now improved"'
});
barchart.show('chart');
});
});