JSFiddle - React, Tailwind, and code Playground

by Kishoreajey

HTML

<script src="https://jaspersoftdev.healthcareit.net/jasperserver-pro/client/visualize.js"></script>

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

CSS

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

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

JavaScript

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