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
                    }
                },
                point: {
                    events: {
                        mouseOver: function () {
                            this.graphic.attr({
                                fill: 'red'
                            });
                        }
                    }
                },
                events: {
                    mouseOut: function () {
                        var serie = this.points;

                        $.each(serie, function (i, e) {
                            this.graphic.attr({
                                fill: '#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
            }]
        }]
    });
});