JSFiddle - React, Tailwind, and code Playground

by Yuriy Bablyukh

HTML

<script src="http://localhost:8080/jasperserver-pro/client/visualize.js"></script>
<div id="container2"></div>

CSS

#container2 {
    border: 1px solid black;
    height: 400px;
    width: 100%;
     overflow: auto;
    
}

JavaScript

visualize({
    auth: {
        name: "superuser",
        password: "superuser"
    }
}, function (v) {

    
    //render report from provided resource
    var report2 = v.report({
        resource: "/public/Visualize/Adhoc/crosstabReport",
        error: handleError,
        container: "#container2",
        scale:2,
        defaultJiveUi: {
            floatingCrosstabHeadersEnabled: true
        }
    });
     
    //show error
    function handleError(err){
        alert(err.message);
    }
});