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

Styling The bar Chart #14

Open
nate456789 opened this issue Feb 16, 2021 · 3 comments
Open

Styling The bar Chart #14

nate456789 opened this issue Feb 16, 2021 · 3 comments
Labels
enhancement New feature or request

Comments

@nate456789
Copy link

Hello -
I am trying to style your component. I simply want to make the ends rounded.
The bar is only 6px height, but I can not figure out how to set the border radius?
Or is there another way?
Thanks!
HBar

@nate456789
Copy link
Author

I was able to get the rounded ends to work. But is there a way to set the border of each bar?
As in the image above they are wanting a light grey border between each bar.
Thanks for any ideas.

@ricardodorosario ricardodorosario added the enhancement New feature or request label Feb 23, 2021
@ricardodorosario
Copy link
Owner

Hi Nate,
sorry for delaying...

As it is a SVG component, can't be possible setting the rx and ry rect tags via CSS.
It could be and improvement to next versions.

Thanks!
Ricardo do Rosario.

@MahdiFarzami
Copy link

I was able to get the rounded ends to work. But is there a way to set the border of each bar?
As in the image above they are wanting a light grey border between each bar.
Thanks for any ideas.

how yo did that ?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

3 participants