How to disable interaction animations on line chart but keep tooltips?

Question

I can get rid of all animations with this

plotOptions: {
  series: {
    enableMouseTracking: true

But I want tooltips. But I don't want any other mouseover effects. I tried this suggestion:

plotOptions: {
  series: {
    allowPointSelect: false,
    states: {
      hover: {
        enabled: false
      },
      inactive: {
        enabled: false
      },
      select: {
        enabled: false
     }
    }
  }
},

But it has no effect on animations. My series are still faded if I mouseover an area with null data.

Answer 1

To sum up:

• when styledmode is turn on, and you loading default CSS file, you need to add following code to the CSS:

inactive { opacity: 1 }

• when styledmode is disabled (by default), you don't need to add the default CSS file, but to achieve that use options provided by API:

  plotOptions: {
    series: {
      states: {
        hover: {
          enabled: false
        },
        inactive: {
          enabled: false
        }
      }
    }
  }