Modification de la couleur du point dynamiquement dans highcharts

J'ai été en mesure de modifier la couleur du point dans un graphique dynamique, mais quand j'ai passez la souris sur ce point, la couleur de ce point est en train de changer de couleur précédente.

J'ai un violon ici: jfiddle

$(function () {
var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container'
    },
    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    },

    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]        
    }]
});

//the button handler
$('#button').click(function() {

    chart.series[0].data[2].graphic.attr({ fill: '#FF0000' });        
    chart.redraw();
});

Comment puis-je changer la couleur du point dynamiquement dans un graphique?

OriginalL'auteur Sandeep | 2013-04-29