JSFiddle - React, Tailwind, and code Playground

by Yuriy Bablyukh

HTML

<script src="http://localhost:8081/jasperserver-pro/client/visualize.js"></script>

<div id="container"></div>

CSS

html, body{
   height: 100%;
   margin:0;
} 

#container {
  padding:0;
  margin:0;
    height: 99%;
    width: 99%;
    border: 1px solid black;
}

JavaScript

visualize({
    auth: {
        name: "superuser",
        password: "superuser"
       
    }
}, function (v) {
    var ahv = v.adhocView({
        resource: "/public/crosstab_filter",
        container: "#container",
        autoresize: true,
        error: function(e) {
            console.log(e);
        }
    });
    
    
});