search

ricardodorosario / react-horizontal-stacked-bar-chart

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

Border/Outline bars #9

Closed niallmc closed 4 years ago

niallmc commented 4 years ago

It would be good if there was a way outline the bars and each stack within the bar.

In my use case I want each of the stacks within a bar to be the same color, and an outline border of black around each stack to differentiate each one rather than the color.

It may be good to have something like the following properties:

outline: boolean outlineColor: hex color outlineWidth: number in pixels

ricardodorosario commented 4 years ago

Hi @niallmc , Thank you for the suggestion. It was noted and I will make ASAP.

But for that moment, you could use some CSS properties to change the colors of the component.

For instance:

svg#hsbar > g > rect {
  fill: white;
  stroke: black;
  stroke-width: 3px;
}
niallmc commented 4 years ago

@ricardodorosario Thanks for the CSS I can use for the moment.

ricardodorosario commented 4 years ago

Solved in #10