Is there a way to add a custom background colour and data colour for each circle in the ProgressChart?

[lovestaco]

This is my graph data

{"background": ["#A7FFA7", "#EFEF8C", "#F39A9A"], "color": ["#007F14", "#9BB500", "#A20D00"], "data": [0.1, 0.1, 0.2], "labels": ["WELL-SPENT", "RECREATION", "UNPRODUCTIVE"]}

This is my ProgressChart

 const chartConfig = {
    backgroundGradientToOpacity: 0.5,
    color: (opacity = 1) => `rgba(26, 255, 146, ${opacity})`,
  };
 <ProgressChart
    data={graphData}
    height={220}
    width={300}
    chartConfig={chartConfig}
/>

I tried this but it just fills in the colour and I'm not able to differentiate bw the background and data of the circle.

const chartConfig = {
    backgroundGradientToOpacity: 0.5,
   color: (opacity = 1, index) => graphData.color[index],
  };