JSFiddle - React, Tailwind, and code Playground

by Gene Arnold

HTML

<script src="http://localhost:8081/jrio-client/optimized-scripts/client/jrio.js"></script>

<div style="font-size: 11pt">Scroll down to view additional reports.</div>
<br/>
<div id="reportContainer1"></div>
<br/>
<div id="reportContainer2"></div>

JavaScript

jrio.config({
    server : "http://localhost:8081/jrio",
    scripts : "http://localhost:8081/jrio-client/optimized-scripts",
    theme: {
        href: "http://localhost:8081/jrio-client/themes/default"
    },
    locale: "en_US"
});

jrio(function(jrioClient) {
	jrioClient.report({
    	resource: "/samples/reports/TableReport",
        container: "#reportContainer1",
        error: function(err) { alert(err); },
    });
	
  jrioClient.report({
    	resource: "/samples/reports/highcharts/HighchartsChart",
        container: "#reportContainer2",
        error: function(err) { alert(err); },
    });
});