How to get point coordinates in chart.js ****ter plot?

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

// Get the chart instance
var ****terChart = new Chart(ctx, {
    type: '****ter',
    data: {
        datasets: [{
            label: 'Scatter Dataset',
            data: [{
                x: 10,
                y: 20
            }, {
                x: 15,
                y: 25
            }]
        }]
    },
});

// Get the metadata for the first dataset
var meta = ****terChart.getDatasetMeta(0);

// Get the pixel coordinates for each data point
var point1 = meta.data[0].getCenterPoint();
var point2 = meta.data[1].getCenterPoint();

console.log('Point 1 coordinates: ', { x: point1.x, y: point1.y });
console.log('Point 2 coordinates: ', { x: point2.x, y: point2.y });