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">Remove point</button>

JavaScript

$(function () {
    var chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            type: 'pie'
        },
        
        plotOptions: {
            pie: {
                //showInLegend: true
            }
        },
        
        legend: {
            enabled: true
        },
        
        series: [{
            data: [20, 30, 30, 20]        
        }]
    });
    
    // button handler
    $('#button').click(function() {
        var series = chart.series[0];
        if (series.data.length) {
            chart.series[0].data[0].remove(); 
        }
    });
});