title: Change the color of the bar chart based on the value
body: <p>I want to ask in this jsfiddle there is a bar chart whose color changes based on the value, but if the bar has been highlighted with the cursor / pointer the color changes to the initial color again, how do you keep the color based on the value?</p>
  <p>this the link to jsfiddle : <a href="http://jsfiddle.net/upz5q2fd/7/" rel="nofollow noreferrer">http://jsfiddle.net/upz5q2fd/7/</a></p>
  <pre><code>$(function () {
      $('#container').highcharts({
          chart: {
              type: 'bar'
          },
          tooltip: {
              valueSuffix: ' millions'
          },
          series: [{
              name: 'Year 1800',
              color: 'yellow',
              data: [107, 31, 635, 203, 2]
          }]
      },function(chart){
      
          var max = 200;
          
          $.each(chart.series[0].data,function(i,data){
              
              if(data.y &gt; max)
                  data.graphic.attr({
                      fill:'red'
                  });
              
          });
      
      });
  });
  </code></pre>