JSFiddle - React, Tailwind, and code Playground

by Pavel Savushchyk

HTML

<script src="http://infra-platforms-phase2-4399-kmanas.pfa.jaspersoft.com:8080/jasperserver-pro/client/visualize.js?_opt=true"></script>
<!-- 
10.98.49.206:8080/trunk
10.97.90.167:8080/jasperserver-pro
-->
<a>Scroll down table for <b>infinite scrolling</b>.</a><br><br>

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

CSS

/*Disabled visualization selector*/
#container .jr-mAdhoc-visualization-launcher.jr {
  display: none;
}

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

JavaScript

visualize({
server: "http://localhost:8080/trunk",
  auth: {
    name: "joeuser",
    password: "joeuser",
    organization: "organization_1"
  }
}, function(v) {
	var adv
  function renderView(uri) {
    adv = v.report({
      resource: "/public/Samples/Reports/14.PerformanceSummary",
      container: "#container",
      error: function(e) {
      	console.log(e);
    	}
    });
  }
  //render initial view
  renderView();
});