HighStock Library: How to keep the same color for each segment in case of selecting

Question

I want to have everything like this example

http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/plotoptions/series-allowpointselect-pie/

but ion the application it works slightly different. When I am clicking on the segment it changes the color after animation. So it works like this example, if I will change the rows from

   `series: {allowPointSelect: true}`

to

    series: {
       allowPointSelect: true, 
       states: {
           select : {
                color: '#00FF00'        
           }                
       }                        
    }

`

What is the problem, could someone help me to understand this problem

Answer 1

It sounds like you have different version of Highcharts - maybe some old version has that kind of bug?

Anyway, try to set color: null directly. See:

    plotOptions: {
       series: {
           allowPointSelect: true, 
           states: {
               select : {
                   color: null       
               }                
           }                        
        }
    },

http://jsfiddle.net/MmJ4t/2/

If this won't help, the only solution may be to set for each point directly selected color:

    series: [{
        data: [{ 
                y: 29.9, 
                states: { 
                    select: {
                        color: 'red'
                    }
                } 
               }, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]        
    }]