javascript - chart.js API 返回错误的 x 和 y 点

Question

我通过chart.js API调用我的bubbleChart并尝试访问点的x，y值但我得到了这个非常奇怪的行为

console.log(bubbleChart._metasets[1].data)
console.log(bubbleChart._metasets[1].data[0])

当我访问 object.x 或 object.y 时，即使在控制台中，我也会得到每个点的 350.017 和 537.199，它显示 x,y 的值正确。到底是怎么回事？

当然我也试过这个，但同样的结果

bubbleChart.getDatasetMeta(1).data[0]

这是显示奇怪行为的小提琴 console.log 总是为不同的端点显示相同的数据，但是如果你输入控制台 bubbleChart._metaset 它会显示正确的 x,y 值

https://jsfiddle.net/vxb792pe/

Answer 1

实际上我找到了解决方法

var xAxis = bubbleChart.scales['x'];
var yAxis = bubbleChart.scales['y'];

pointx = xAxis.getPixelForValue(bubbleChart.data.datasets[i].data[0].x)
pointy = yAxis.getPixelForValue(bubbleChart.data.datasets[i].data[0].y)