Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Gradient area bug on ipad

See original GitHub issue

Hi!

On the ipad the gradient setting for areas does not show correctly: (expected result - on chrome) Capture

The configuration I’m using for options.fill atm is:

{
  type: 'gradient',
  gradient: {
    colorStops: [
      [{
        opacity: 0.3
      }],
      [{
        opacity: 0.5
      }]
    ]
  }
}

I tried to play around with the parameters (changing colours etc)but the result was always the same.

As mentioned in #417 if you need help testing on an ipad let me know.

Issue Analytics

State:
Created 5 years ago
Comments:8

Top GitHub Comments

1reaction

johndrewcommented, Jul 23, 2019

I had the same bug in desktop Safari: https://github.com/apexcharts/vue-apexcharts/issues/127. The routing we used was interfering with the CSS url property, which the svg uses to reference different svg elements. One fix was to manually update the fill in all path tags, but I’m hoping the apex team can suggest a solution or fix.

0reactions

github-actions[bot]commented, Nov 13, 2021

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.