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 colors = [];
    var chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            type: 'column'
        },
        plotOptions: {
            series: {
                point: {
                    events: {
                        select: function() {
                            this.update({
                                backgroundColor: '#ffff00'
                            });
                        },
                        unselect: function() {
                            console.log(this);
                            this.update({
                                color: colors[$.inArray(this,this.series.data)]
                            });
                        }
                    }
                },
                allowPointSelect: true
            }
        },

        series: [{
            data: [['x1', 29.9], ['x2', 71.5], ['x3', 106.4]]}]
    }, function(chart) {
        $(chart.series[0].data).each(function(i, e) {
            colors.push(e.color);
        });
    });
});