JSFiddle - React, Tailwind, and code Playground

by Pavel Savushchyk

HTML

<script src="http://10.98.51.82:8080/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="container"></div>

CSS

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

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

JavaScript

visualize({
  auth: {
    name: "joeuser",
    password: "joeuser",
    organization: "organization_1"
  }
}, function(v) {
	var adv
  function renderView(uri) {
    adv = v.adhocView({
      resource: "/public/Samples/Ad_Hoc_Views/01__Geographic_Results_by_Segment",
      container: "#container",
      error: function(e) {
      	console.log(e);
    	}
    });
  }
  //render initial view
  renderView();
});