javascript - Ändra färg på områdesdiagram programmässigt i highcharts


Jag vill ändra färgen på områdesdiagrammet efter att det initialt har renderats.

I JSFiddle-demonstrationen kan du efter att ha klickat på knappen se att färgen har ändrats när du antingen för muspekaren över datapunkten eller växlar visningen genom att klicka på legendan för att dölja och sedan visa igen.

I båda dessa har huvudområdets färg inte uppdaterats men datapunkterna och legenden har gjort det.

JSFiddle-demo: http://jsfiddle.net/simonweston/tLwy5/

All hjälp skulle uppskattas mycket.

Svar #1

Du kan ändra det dynamiskt men du behöver manipulera SVG DOM-elementen istället för diagramobjektet:

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

Producerar :

Svar #2

Jag har också försökt ändra det utan framgång, det enda sättet är att återskapa diagrammet som visas här