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

jlil picture jlil  路  3Comments

rcoundon picture rcoundon  路  3Comments

piyushSinghalDemo picture piyushSinghalDemo  路  3Comments

felixalguzman picture felixalguzman  路  3Comments

tcarlsen picture tcarlsen  路  3Comments