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

fix(waffle): remove alpha artifacts #2139

Merged
merged 3 commits into from
Aug 22, 2023

Conversation

markov00
Copy link
Member

@markov00 markov00 commented Aug 8, 2023

Summary

This PR fixes artifacts when rendering the waffle chart using semi-opaque colors.

The issue was in the way used to create a round rect. It could be replaced with the new roundRect call in Canvas, but I opted to use a older compatible version of a rounded rect.

Issues

fix #2138

Checklist

  • The proper chart type label has been added (e.g. :xy, :partition)
  • The proper feature labels have been added (e.g. :interactions, :axis)
  • All related issues have been linked (i.e. closes #123, fixes #123)
  • Unit tests have been added or updated to match the most common scenarios
  • Visual changes have been tested with all available themes including dark, light, eui-dark & eui-light

@markov00 markov00 added bug Something isn't working :partition Partition/PieChart/Donut/Sunburst/Treemap chart related :rendering Rendering related issues labels Aug 8, 2023
@markov00
Copy link
Member Author

markov00 commented Aug 8, 2023

buildkite update screenshots

@markov00 markov00 force-pushed the 2023_08_08-fix_waffle_alpha_artifacts branch from e2b9849 to ce79c39 Compare August 8, 2023 14:36
@markov00
Copy link
Member Author

buildkite update screenshots

@markov00 markov00 marked this pull request as ready for review August 21, 2023 10:53
Copy link
Collaborator

@nickofthyme nickofthyme left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Changes LGTM.

Seems a little strange having transparent colors, makes it look disabled.

@markov00 markov00 merged commit 8eb4ede into elastic:main Aug 22, 2023
11 checks passed
nickofthyme pushed a commit that referenced this pull request Sep 20, 2023
# [60.0.0](v59.1.0...v60.0.0) (2023-09-20)

### Bug Fixes

* **deps:** update dependency @elastic/eui to ^88.2.0 ([#2161](#2161)) ([6609a19](6609a19))
* **deps:** update dependency @elastic/eui to ^88.3.0 ([#2163](#2163)) ([624f43a](624f43a))
* **deps:** update dependency @elastic/eui to v85 ([#2113](#2113)) ([1b3fa7c](1b3fa7c))
* **deps:** update dependency @elastic/eui to v87 ([#2145](#2145)) ([312c32c](312c32c))
* **deps:** update dependency @elastic/eui to v88 ([#2154](#2154)) ([4070da0](4070da0))
* **tooltip:** rendering in react v18 ([#2169](#2169)) ([f30df54](f30df54))
* update font family ([#2165](#2165)) ([be07b0c](be07b0c))
* **waffle:** remove alpha artifacts ([#2139](#2139)) ([8eb4ede](8eb4ede))
* Wait a tick before reporting render status ([#2131](#2131)) ([fd2bca4](fd2bca4))
* **xy:** disable legend extra on ordinal ([#2114](#2114)) ([3ddfb18](3ddfb18))

### Features

* add locale prop to Settings ([#2164](#2164)) ([0bb3ab1](0bb3ab1))

### BREAKING CHANGES

* **xy:** when using the `ScaleType.Ordinal` for the X scale the legend extra value, representing the last and current hovered value, will not be shown.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working :partition Partition/PieChart/Donut/Sunburst/Treemap chart related :rendering Rendering related issues
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[waffle] Renders stroke artifacts when using semi-opaque colors
2 participants