Barchart column background color - Githubissues

capitalone / react-native-pathjs-charts

Android and iOS charts based on react-native-svg and paths-js

Apache License 2.0

879 stars 261 forks source link

Barchart column background color #188

Open duycoder opened 7 years ago

duycoder commented 7 years ago

I want to have a barchart with 4 columns with 4 diffirent colors. But when i setting the pallet like this:

<Bar data={item.statistics} options={options} accessorKey='v' pallete={[ { 'r': 125, 'g': 193, 'b': 8 }, { 'r': 255, 'g': 102, 'b': 0 }, { 'r': 255, 'g': 15, 'b': 0 }, { 'r': 191, 'g': 195, 'b': 186 } ]} />

I go the result:
The first and the last column had the same color. Anyone know how to fix this ?

zaach commented 7 years ago

Apparently it's hardcoded to cycle through 3 colors max for bar charts: https://github.com/rsamec/react-pathjs-chart/blob/95b56505e43c92eca1e7750b4070fac96358d7f0/src/charts/Bar.js#L83

Ideally that would be configurable.