<ResponsivePie colors={['white', 'black', 'green']}...<ResponsivePie
radialLabel={ function(e) { return e.id + Number.parseFloat(e.value/100).toFixed(1) + '%' } }...I was able to solve item #2 by adding to my data a key called percent containing the proper percent value. I then add it to my radialLabel like radialLabel={ function(e) { return e.id + e.percent } }...
And it turns out that the colors={} property does accept a list with custom colors so I was able to solve item #1 like this:
const chartColors = ['#0088FE', '#FF8042', '#00C49F', '#FFBB28'];
<ResponsivePie colors={chartColors}...
Most helpful comment
And it turns out that the
colors={}property does accept a list with custom colors so I was able to solve item #1 like this: