title: Disable legend hover in Highcharts
body: <p>I need to disable the hover attribute of legend items because I am using Highcharts on mobile platforms. Sadly, making a legendItemClick event does not solve the problem as hovering still occurs.</p>
  
  <p>I was encouraged to see that this issue came up on the old support site for highcharts back in 2011. The thread can be found <a href="http://highslide.com/forum/viewtopic.php?f=9&amp;t=13373" rel="nofollow">here</a>. I was particularly glad to see the last jfiddle example and the function declared in it. </p>
  
  <p>Unfortunately, the only thing that worked for me was the workaround of changing the setHoverStyle to null. This isn't great though since the hover action still fires and makes navigating the legend and chart unresponsive. The rest of the suggestions in the above thread resulted in the chart not being rendered. </p>
  
  <p>Granted, it might be because I had a difficult time translating the example to my purposes - honestly, I do not know where to call the function and everywhere I have tried has failed. My JavaScript file is set up along the lines of</p>
  
  <pre><code>var chartDefinition = {
    chart: {
      renderTo: 'chart_content',
      type: 'column'
    },
    colors: [
           '#619ED6',
           '#6BA547',
           '#F7D027',
           '#E48F1B',
           '#B77EA3',
           '#E64345',
           '#60CEED',
           '#9CF168',
           '#F7EA4A',
           '#FBC543',
           '#FFC9ED',
           '#E6696E'
           ],
    title: {
      text: ''
    },
  
    ...
  
   column: {
        shadow: false,
        borderWidth: 1,
        events: {
          click: function() { return false; },
          legendItemClick: function() { return false; }
        },
        dataLabels: {
          enabled: false,
          color: '#222',
          style: {
            fontFamily: 'sans-serif',
            fontSize: '13px',
            fontWeight: 'bold'
          }
        }
      }
    },
    series: []
  }; 
  </code></pre>
  
  <p>Listing and setting the various highcharts attributes. </p>
  
  <p>Does anyone know how to disable this hover attribute or where the proper place would be to call the <a href="http://jsfiddle.net/hfrntt/Cp7xh/1/" rel="nofollow">function</a>?</p>