Visualisejs - Drilldown - Reference

This is when the jasper report has hyperlink type - Reference

HTML

<!--Provide URL to visualize.js-->
<script type="text/javascript" src="http://192.168.2.51:8080/jasperserver-pro/client/visualize.js"></script>
<!--Provide container to render your visualization-->
<div id="container1"></div>
<div id="container2"></div>

JavaScript

visualize({
    auth: {
        name: "superuser",
        password: "superuser"
    }
},function (v) {
    v("#container1").report({
        resource: "/public/Samples/Reports/13g.TopFivesReport",
        linkOptions: {
            beforeRender: function (linkToElemPairs) {
                linkToElemPairs.forEach(showCursor);
            },
            events: {
                "click": function(ev, link){
                    console.log(link);
                    if (link.type == "Reference"){
                        console.log('Inside Reference');
                        /*v("#container2").report({
                            resource: link.parameters._report,
                            params: {
                                customerId: [link.parameters.customerId]
                            }, 
                        });*/     
                        window.open(link.href + "&decorate=no");
                    }  
                    else{
                        console.log('Not Inside Reference');
                    }    
                }
            }    
        },
        error: function (err) {
            alert(err.message);
        }
    });
    
    function showCursor(pair){
           var el = pair.element;
               el.style.cursor = "pointer";
    }
});