Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

How to handling jagged pie charts slices and spotty area line charts #1578

Closed
SDVII opened this issue Jun 21, 2024 · 9 comments
Closed

How to handling jagged pie charts slices and spotty area line charts #1578

SDVII opened this issue Jun 21, 2024 · 9 comments

Comments

@SDVII
Copy link

SDVII commented Jun 21, 2024

Question

  • Is there a way to increase anti aliasing or reduce the jaggedness of Pie Charts?
    Screenshot 2024-06-19 at 14 21 12
  • Is there a way to mitigate area charts having rendering issues with fill?
    Screenshot 2024-06-19 at 13 48 30

Thank you for your time

Environment (if applicable)

  • amCharts v5.8.0
  • Microsoft Edge v126.0.2592.61
  • React v18.2.0
@martynasma
Copy link
Collaborator

That does not look right. Can you provide a working demo?

@SDVII
Copy link
Author

SDVII commented Jun 21, 2024

Here is a Codepen for the Pie Chart. As you can see, the stroke around each slice is quite jagged
https://codepen.io/SDVII/pen/wvbmPPd

@SDVII
Copy link
Author

SDVII commented Jun 21, 2024

Here is a Codepen for the Area Chart. This issues seems to only affect Mac devices

@martynasma
Copy link
Collaborator

Here is a Codepen for the Pie Chart. As you can see, the stroke around each slice is quite jagged

Unfortunately, there's nothing we can do about it. That's how canvas rendering works in browser.

@martynasma
Copy link
Collaborator

Here is a Codepen for the Area Chart. This issues seems to only affect Mac devices

I can't seem to be able to reproduce it on a Macbook Pro.

Same OS version. Chrome: 126.0.6478.115.

Can you try upgrading Chrome?

@SDVII
Copy link
Author

SDVII commented Jun 21, 2024

Upgraded the browser, still encountering the issue. Multiple people on my team are encountring it as well

@SDVII
Copy link
Author

SDVII commented Jun 21, 2024

Safari & Firefox are working just fine

@martynasma
Copy link
Collaborator

Still not able to reproduce it. There's a newer version of Chrome now available. Maybe try an upgrade?

If it's still buggy, maybe you can provide more information about your setup? E.g. are you using external monitor? What is the resolution? Anything else?

Copy link

github-actions bot commented Aug 2, 2024

This issue is stale because it has been open 30 days with no activity. It will be closed in 5 days unless a new comment is added.

@github-actions github-actions bot added the stale label Aug 2, 2024
@github-actions github-actions bot closed this as completed Aug 7, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants