Open New Page on Series Selection

Select from a chart series to open and pass the paramater into a new page.

by Kishoreajey

HTML

<!--Provide URL to visualize.js-->
<script src="https://mobiledemo.jaspersoft.com/jasperserver-pro/client/visualize.js"></script>
<!--Provide container to render your visualization-->
<div>
  <div id="main"></div>
  <div id="drill-down"></div>
</div>

CSS

#main {
  float: left;
}

#drill-down {
  float: left;
}

JavaScript

var reportResource = "/public/Samples/Reports/States";

visualize({
  auth: {
    name: "joeuser",
    password: "joeuser",
    organization: "organization_1"
  }
}, function(v) {
  v("#main").report({
    resource: reportResource,
    linkOptions: {
      events: {
        "click": function(ev, link) {
          if (link.type == "ReportExecution") {
            var urlToOpen = "https://en.wikipedia.org/wiki/" + link.parameters.store_state
            window.open(urlToOpen, '_blank');
            v("#drill-down").report({
              resource: "/public/Samples/Reports/Cities",
              params: {
                state: [link.parameters.store_state]
              },
            });
            console.log(link.parameters.store_state);

          }
        }
      }
    },
    error: function(err) {
      alert(err.message);
    }
  });


});