javascript - Highcharts: set 'select' state on a point and maintain it after mouseover? -

i'm using highcharts , trying set select state on point , maintain state.

i can set state fine, this:

var chart = new highcharts.chart(options); chart.get('b').setstate('select');

but state gets unset when user mouses on , out of point.

here jsfiddle example - try mousing on red point , observe loses select state: http://jsfiddle.net/o72xgtfm/1/

shouldn't state maintained after mouseover, given it's select state, not hover?

all want set point red, , keep red. perhaps set custom state wouldn't affected mouseover?

i managed fix using:

point.select(true, true);

rather

point.setstate('select');

the latter undocumented, whereas first seems official way things.

Script