Highcharts Demo

author(s): Torstein Hønsi

HTML

<script src="http://code.highcharts.com/highcharts.src.js"></script>
<div id="container" style="height: 300px; width: 400px"></div>

JavaScript

$(function() {
    var chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            type: 'pie'
        },
        series: [{
            showInLegend: true,
            data: [
                ['Firefox', 44.2],
                ['IE7', 26.6],
                ['IE6', 20],
                ['Chrome', 3.1],
                ['Other', 5.4]
                ]}]
    }, function(chart) {
        $(chart.series[0].data).each(function(i, e) {
            e.legendItem.on('click', function() {
                if (!e.sliced) {
                    alert('hola');
                } else {
                    alert('show slice');
                }
                e.slice(!e.sliced);
            });
        });
    });
});