Highcharts Demo

author(s): Torstein Hønsi

HTML

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

JavaScript

$(function () {
    var chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            type: 'pie'
            
        },
        plotOptions: {
            series: {
                states: {
                    hover: {
                        enabled: false
                    }
                },
                allowPointSelect: true,
                slicedOffset: 0,
                point: {
                    events: {
                        select: function () {
                            this.update({color: 'yellow'});
                        },
                        unselect: function () {
                            this.update({color: '#CCCCCC'});
                        }
                    }
                }
            }
        },
        tooltip: {
            enabled: false
        },
        series: [{
            data: [{
                name: 'test',
                y: 29.9,
                color: "#CCCCCC",
                active: false
            }, {
                name: 'test2',
                y: 71.5,
                color: "#CCCCCC",
                active: false
            }, {
                name: 'test3',
                y: 106.4,
                color: "#CCCCCC",
                active: false
            }]
        }]
    });
});