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

Stacked chart round some bars #4477

Open
MardanovaA opened this issue May 2, 2024 · 2 comments
Open

Stacked chart round some bars #4477

MardanovaA opened this issue May 2, 2024 · 2 comments
Labels
enhancement Enhancement to a current API

Comments

@MardanovaA
Copy link

Is there any solution for round top bars in stacked chart? I can round one bar, but if it's width 1 px, I want to round second bar too.

I want to get something like this:
telegram-cloud-photo-size-2-5303197417354682288-y

But now I can round only one bar on the top, and if its height 1px, rounding is not visible.

Example with simple stacked bar: https://codesandbox.io/p/sandbox/frosty-browser-4lsj2y?file=%2Fsrc%2FApp.js%3A20%2C5

@ckifer
Copy link
Member

ckifer commented May 2, 2024

it looks like you don't really want to round the second bar, but rather just have a rounded mask with a certain radius (doesn't matter the Bar. If the overall radius stretches to the second bar it would just cut part of that one off too?

this isn't currently possible because the current implementation just rounds the individual bars

Edit epic-galois-ngq4jm

Would probably be a good idea to do this as a mask anyways!

@ckifer ckifer added the enhancement Enhancement to a current API label May 2, 2024
@MardanovaA
Copy link
Author

@ckifer okay, thank you

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement Enhancement to a current API
Projects
None yet
Development

No branches or pull requests

2 participants