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);
        }
    });


});