CODEWITHSUNDEEP
highcharts
Chris Harrington
Chris Harrington

Reputation: 1326

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

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.

Upvotes: 1

Views: 128

Answers (1)

magdalena
magdalena

Reputation: 3695

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
        }
      }
    }
  }

Upvotes: 0

Related Questions