Change color of area chart programmatically in highcharts

Question

I want to change the color of the area chart after it is initially rendered.

In the JSFiddle demo after clicking the button you can see the color has changed when you either mouseover the data point or toggle the display by clicking on the legend to hide and then show again.

In both of these the main area color has not updated but the data points and legend has.

JSFiddle Demo: http://jsfiddle.net/simonweston/tLwy5/

Any help would be greatly appreciated.

Answer 1

You can change it dynamically but you need to manipulate the SVG DOM elements instead of the chart object:

$($('.highcharts-series').children()[0]).attr('fill','blue')

Produces:

Answer 2

I have also tried changing it without luck, the only way is to re-create the chart as seen here