title: Highcharts: set 'select' state on a point and maintain it after mouseover?
body: <p>I'm using Highcharts and trying to set the <code>select</code> state on a point and maintain the state. </p>
  
  <p>I can set the state just fine, like this:</p>
  
  <pre><code>var chart = new Highcharts.Chart(options);
  chart.get('b').setState('select');
  </code></pre>
  
  <p>But the state gets unset when the user mouses over and then out of the point. </p>
  
  <p>Here is a JSFiddle example - try mousing over the red point and observe that it loses its <code>select</code> state: <a href="http://jsfiddle.net/o72xgtfm/1/" rel="nofollow">http://jsfiddle.net/o72xgtfm/1/</a></p>
  
  <p>Shouldn't the state be maintained even after mouseover, given that it's a <code>select</code> state, not <code>hover</code>?</p>
  
  <p>All I want is to set the point as red, and keep it red. Could I perhaps set a custom state that wouldn't be affected by mouseover?</p>