indiespirit / react-native-chart-kit

📊React Native Chart Kit: Line Chart, Bezier Line Chart, Progress Ring, Bar chart, Pie chart, Contribution graph (heatmap)
https://expo.io/@indiespirit/react-native-chart-kit
MIT License
2.85k stars 658 forks source link

Can't customize fillShadowGradientFromOpacity when set withCustomBarColorFromData={true} in BarChart #700

Open PolarBear-H opened 1 year ago

PolarBear-H commented 1 year ago

When set withCustomBarColorFromData={true} in BarChart, fillShadowGradientFromOpacity and fillShadowGradientToOpacity properties don't work. And even if we set opacity in datasets, it still don't take any effect

const profitData = { labels: filteredScores.map(score => format(new Date(score.startDate), 'M.d')), datasets: [ { data: filteredScores.map(score => parseFloat(score.chipsWon)), colors: filteredScores.map((score) => parseFloat(score.chipsWon) > 0 ? ((opacity = 0.1) => rgba(0, 128, 0, ${opacity}))) : ((opacity = 0.1) => rgba(255, 0, 0, ${opacity}))) ), }, ], };