JSFiddle - React, Tailwind, and code Playground

by Yuriy Bablyukh

HTML

<script src="http://localhost:8080/jasperserver-pro/client/visualize.js?_opt=false"></script>
<div id="container"></div>
<div id="container2"></div>
<div id="container3"></div>

JavaScript

//show error
function handleError1(err) {
  alert("Report1: " + err.message);
}

//show error
function handleError2(err) {
  alert("Report1: " + err.message);
}

$(function (){

  visualize({
    auth: {
      name: "superuser",
      password: "superuser"
    }
  }, function (v) {
    //render report from provided resource
    v("#container").dashboard({
      resource: "/public/Samples/Dashboards/3.1_Sales_Metrics",
      error: handleError1
    });
  
    //render report from provided resource
    v("#container2").dashboard({
      resource: "/public/Samples/Dashboards/5._Top_Performers",
      error: handleError2
    });
    
    v("#container2").dashboard({
      resource: "/public/Samples/Dashboards/1._Supermart_Dashboard",
      error: handleError2
    });
  });

});