search

ricardodorosario / react-horizontal-stacked-bar-chart

React horizontal stacked bar responsive chart component
MIT License
19 stars 10 forks source link

Styling The bar Chart #14

Open nate456789 opened 3 years ago

nate456789 commented 3 years ago

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 commented 3 years ago

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 commented 3 years ago

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 commented 1 year ago

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 ?