How to change the chart tooltip color in react-chartjs-2
const data = {
labels: [
'In Progress',
'Assigned',
'Completed',
'Not Started'
],
datasets: [{
data: [100, 50, 150, 25],
backgroundColor: [
'#689ee3',
'#80c6e5',
'#90EE90',
'#00FF00'
],
hoverBackgroundColor: [
'#689ee3',
'#80c6e5',
'#90EE90',
'#00FF00'
]
}],
plugins: {
datalabels: {
display: true,
//color: 'black'
}
}
};
const options = {
"responsive": true,
"display": true,
"position": "bottom",
"fullWidth": true,
"reverse": false,
"tooltips" : {
"backgroundColor": "rgb(105, 105, 105)"
}
// "labels": {
// "fontColor": "rgb(255, 99, 132)"
// }
}
return(
<div className="chart-align">
<Doughnut data={data} legend={options} />
</div>
)