I’m using the following code to make a Graph:
const namesArray = Object.values(tableData).map(item => item.name);
const valuesArray = Object.values(tableData).map(item => item.value);
return (
<Box>
<SimpleCard title="Cell Voltages">
<BarChart
width={750}
height={300}
series={[
{ data:valuesArray, id: 'cId'},
]}
xAxis={[{ data: namesArray, scaleType: 'band' }]}
/>
</SimpleCard>
</Box>
);
And I’m getting this as output:
Graph output
However, I need to change the colour of a particular bar in this graph (currently highest and lowest values), but I can’t seem to find any way to do this. I also didn’t understand the documentation of the API on their website properly. What should I do to get the result I want?
Thank You.