JSFiddle - React, Tailwind, and code Playground

by Yuriy Bablyukh

HTML

<script src="http://192.168.88.235:8080/jasperserver-pro/client/visualize.js"></script>
<div id="report1"></div>
<div id="report2"></div>
<div id="report3"></div>
<div id="report4"></div>
<div id="report5"></div>
<div id="report6"></div>

CSS

#report1 {
    height: 600px;
}

JavaScript

visualize({
        auth: {
            name: "superuser",
            password: "superuser"
        }
    },
    function (v) {
        v.report({
            resource: "/public/Samples/Reports/Cities",
            container: "#report1",
            error: function (err) {
                alert("Report 1: " + err.message);
            }
        });
       
    }
);