chart.js - Fill color to pointer in Chartjs

Question

I'm using scatter graph. On hover over a point, the box representing the point color is not filled

I need to fill it with the color of the line instead of just the border being of the color.

Fiddle

This is my dataset:

this.ScatterChart.data.datasets.push({
  label: this.label,
  data: this.Axiscoordinates,
  fill: false,
  lineTension: 0.1,
  borderColor: SetColor,
  color: SetColor,
  backGroundColor: SetColor,
  borderWidth: 1,
  yAxisID: this.yAxisUnit,
  showLine: true
});

question from:https://stackoverflow.com/questions/65950160/fill-color-to-pointer-in-chartjs

Answer 1

in your dataset object put the backgroundColor to the color you want it to be, that will solve it

datasets: [
  {
    data: []
    backgroundColor: color
  }
]

EDIT:My mistake backgroundColor is with a lower g instead of a captial one