JSFiddle - React, Tailwind, and code Playground

by Stas_P

HTML

<script src="https://mobiledemo.jaspersoft.com/jasperserver-pro/client/visualize.js"></script>

<a>Scroll down table for <b>infinite scrolling</b>.</a><br><br>

<!--Provide container to render your visualization-->
<div id="container1"></div>
<div id="container2"></div>

CSS

/*Disabled visualization selector*/

#container .jr-mAdhoc-visualization-launcher.jr {
  display: none;
}

#container {
  position: relative;
  height: 310px;
}

JavaScript

visualize.config({
  auth: {
    name: "joeuser",
    password: "joeuser"
  }
});
visualize(function(v) {
  v("#container1").report({
    resource: "/public/Samples/Reports/06g.ProfitDetailReport",
    error: function(err) {
      alert(err.message);
    }
  });
});
visualize(function(v) {
  v("#container2").report({
    resource: "/public/Samples/Reports/State_Performance",
    error: function(err) {
      alert(err.message);
    }
  });
});