Visualize: dashboard

Test plugins

by Yuriy Bablyukh

HTML

<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.0/themes/smoothness/jquery-ui.css">
<script src="http://localhost:8080/jasperserver-pro/client/visualize.js?_opt=true&_showInputControls=true"></script>
<button id="export">Export as PDF </button>
<div id="container"></div>

CSS

#container {
  height: 600px;
}

JavaScript

var reportUri = "/public/Samples/Dashboards/1._Supermart_Dashboard";

visualize({
  auth: {
    name: "superuser",
    password: "superuser"
  }
}, function(v) {
  var dashboard = v.dashboard({
    container: "#container",
    resource: reportUri,
    error: function(error) {
      alert(error);
    }
  });

  $("#export").click(
    function() {
      dashboard.export({
        outputFormat: "pdf"
      }, function(link) {
        window.location.href = link.href ? link.href : link;
      }, function(error) {
        alert(error);
      });
    }
  );


}, function(error) {
  alert(error);
});