apexcharts.js
apexcharts.js copied to clipboard
Poor performance on Chrome when scrolling with options.dataLabels.dropShadow=true
Description
I've noticed that on mobile, Chrome doesn't scroll smoothly when there are charts on the page that use dataLabels
with dropShadow
on. I used Galaxy Note9
and Samsung S22 Ultra
with Chrome 100.0.4896.79
/ Samsung Internet Explorer v16.2.5.4
.
Steps to Reproduce
- Open https://codepen.io/junior-root/pen/gOozBzY on Android device using Chrome browser
- Toggle
options.dataLabels.dropShadow
true/false using button - Try to scroll up and down
- Scrolling is not smooth when
options.dataLabels.dropShadow
is true.
Expected Behavior
Scrolling to be smooth.
Actual Behavior
Scrolling is not smooth.
Reproduction Link
https://codepen.io/junior-root/pen/gOozBzY
+1