JSFiddle - React, Tailwind, and code Playground
HTML
<script type="text/javascript" src="http://localhost:8080/jasperserver-pro/client/visualize.js?"></script>
<div id="c1" style="width:800px;height:800px"></div>
JavaScript
visualize({
auth: {
name: "superuser",
password: "superuser"
}
}, function (v) {
v("#c1").report({
resource: "/public/Samples/Reports/16g.InteractiveSalesReport",
//uncomment to change default behaviour
//scale: "width",
//scale: "height",
//scale: 3,
scale: "container",
error: function (err) {
alert(err.message);
}
});
});