Is it possible to change the Bar fill color based on a value in the data set?

I’d like to make the fill color for the column “Current” to be different to the other bars. Would appreciate any help for doing this. Note that the data gets sorted so the order of the bars changes.

Many thanks.

This is what my data looks like.

export default ({coverAmount, rates, current}) => { const data = sortData([ {years: 'Current', premium: parseFloat(current), buffer: 0}, {years: 'R10,000', premium: 10000 * rates[0], buffer: Math.round((10000 * rates[1])/3)}, {years: 'R20,000', premium: 20000 * rates[0], buffer: Math.round((20000 * rates[1])/3) }, {years: 'R30,000', premium: 30000 * rates[0], buffer: Math.round((30000 * rates[1])/3) } ]);

and the Bar statements <Bar stackId="a" dataKey="premium" fill="#005599" /> <Bar stackId="a" dataKey="buffer" fill="#007700" label/>

[gplatt]

Thank you. This helped me better understand things.

I came across an example using the Cell component and now have it close to what I want with the following code:

<Bar stackId="a" dataKey="premium" >
                {
                  data.map((entry, index) => (
                    <Cell fill={data[index].years === "Current" ? '#290a0a' : '#005599' }/>
                  ))
                }
 </Bar>
     <Bar stackId="a" dataKey="buffer" fill="#007700" label/>
  </BarChart>

[GGAlanSmithee]

@gplatt thanks for the example. There is one additional simplification available:

<BarChart>
    <Bar stackId="a" dataKey="premium" >
        {data.map((entry, index) => (
            <Cell fill={entry.years === "Current" ? '#290a0a' : '#005599' }/>
        ))}
    </Bar>
</BarChart>

using entry instead of data[index]