JSFiddle - React, Tailwind, and code Playground

by Yuriy Bablyukh

HTML

<!--Provide URL to visualize.js-->
<script src="http://develop_lastsuccessfulbuild.pfa.jaspersoft.com:8080/jasperserver-pro/client/visualize.js"></script>

<input type="submit" id="byBtn" value="Show Report" onclick="getReport()"/>

<div id="jaspersoftContainer"></div>

JavaScript

getReport = function () {
        var _this = this;

        visualize({

            auth: {
                name: "superuser",
                password: "superuser"
            }
        }, function (v) {
            var report = v.report({
                resource: "/public/Samples/Reports/10g.PerformanceByStoreType",
                runImmediately: false,
                error: function (e) { _this.handleError(e); }
            });

            _this.renderVisualization(report, "10g. Performance By Store Type");
        });
    }
        
  renderVisualization = function (visualization, title) {
        var _this = this;

        visualization
         .run()
         .done(function () {
             this
                 .container("#jaspersoftContainer")
                 .render();
         }).fail(function (err) {
             _this.handleError(err);
         });
  }