Highcharts Demo

author(s): Torstein Hønsi

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<div id="container" style="height: 400px; width: 500px"></div>
<button id="button" class="autocompare">Select point</button>

JavaScript

$(function () {
    $('#container').highcharts({
        chart: {
            type: 'pie'
        },
        legend: {
            align: 'right'
        },
        plotOptions: {
            pie: {
                showInLegend: true,
                allowPointSelect: true,
                dataLabels: {
                    enabled: false
                }
            }
        },
        series: [{
            data: [{
                name: "A",
                y: 20
            }, {
                name: "B",
                y: 30
            }, {
                name: "C",
                y: 40
            }]
        }]
    });

    // button handler
    var chart = $('#container').highcharts(),
        i = 0;
    $('#button').click(function () {

        if (i === chart.series[0].data.length) {
            i = 0;
        }
        chart.series[0].data[i].select();
        i += 1;
    });
});