Disable hover on HighCharts

Question

I have building a pie chart using HighCharts library, and here is my chart:

 // http://jsfiddle.net/t2MxW/20890/

    var chart = new Highcharts.Chart({
                 


        

Answer 1

In order to completely turn off tooltip and hover effects on a chart, it is needed to turn off the tooltip, disable hover state and set inactive data opacity to 100%.

This answer is based on previous answers and shows a complete solution to the problem.

This is the configuration which turns off the hover and tooltip effects:

  series: {
    states: {
      hover: {
        enabled: false
      },
      inactive: {
        opacity: 1,
      }
    }
  },
  tooltip: {
    enabled: false
  }