apexcharts.js icon indicating copy to clipboard operation
apexcharts.js copied to clipboard

Poor performance on Chrome when scrolling with options.dataLabels.dropShadow=true

Open OpreaFlorin opened this issue 2 years ago • 1 comments

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

  1. Open https://codepen.io/junior-root/pen/gOozBzY on Android device using Chrome browser
  2. Toggle options.dataLabels.dropShadow true/false using button
  3. Try to scroll up and down
  4. 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

OpreaFlorin avatar Apr 09 '22 10:04 OpreaFlorin

+1

Luckywannnnng avatar Jun 30 '22 01:06 Luckywannnnng