score:0

so i found the solution. see below :

mydonutchart.setseriesplotoptions(new seriesplotoptions().setpointclickeventhandler(new pointclickeventhandler() {
    @override
    public boolean onclick(pointclickevent pointclickevent) {
        // log pointclickevent.getpointname();
        return false;
    }
}));

there you go.

score:1

you just need to add click event listeners in your highcharts. for capturing the click event on the inner level series, add the following code in the series (browsers) tag inside highcharts:

point: {
    events: {
        click: function(event) {
             alert("name: "+this.name + " x: " + this.y + " y: " + this.x);
        }
    }  
}

and for capturing the click on on the outer level 2 series, add the following inside plotoptions>pie tag:

point: {
        events: {
            click: function(event) {
                 alert(this.name);
            }
        }  
}

you will get the name as well as x, y values of each point clicked.

see the demo here.


Related Query

More Query from same tag