Apexcharts.js: Disable Tooltip animations

Created on 28 Mar 2019  路  2Comments  路  Source: apexcharts/apexcharts.js

https://codepen.io/junedchhipa/pen/BqbQpY

(Codepen is down ATM, but that codepen shows the sluggish behavior of tooltip animations).

Explanation

  • What is the behavior you expect?

Cannot disable tooltip animations.

Tooltips animations are slow. When disabling animations for the chart, the animations still exist for tooltips and markers.

Is there a way to improve the performance of animations for tooltips as it appears you cannot disable these?

Thank you

Most helpful comment

Tooltips and markers animations are done with CSS.
To disable tooltip and marker animations globally

.apexcharts-tooltip,
.apexcharts-tooltip.active,
.apexcharts-xaxistooltip,
.apexcharts-xaxistooltip.active,
.apexcharts-marker {
   transition: none;
}

All 2 comments

Tooltips and markers animations are done with CSS.
To disable tooltip and marker animations globally

.apexcharts-tooltip,
.apexcharts-tooltip.active,
.apexcharts-xaxistooltip,
.apexcharts-xaxistooltip.active,
.apexcharts-marker {
   transition: none;
}

Thank you! That solved the issue

Was this page helpful?
0 / 5 - 0 ratings

Related issues

GalacticSun picture GalacticSun  路  29Comments

thellimist picture thellimist  路  15Comments

benhaynes picture benhaynes  路  19Comments

Epithumia picture Epithumia  路  17Comments

dougnewnham picture dougnewnham  路  18Comments