chart.js API 返回错误的 x 和 y 点答案

【问题标题】：chart.js API returns bad x and y pointschart.js API 返回错误的 x 和 y 点
【发布时间】：2022-01-10 07:11:27
【问题描述】：

我正在通过 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/

【问题讨论】：

Why not upload images of code/errors when asking a question?
没有错误，它只是返回屏幕截图中显示的不同值....x,y 与 x,y 不匹配它应该返回
如果没有证明问题的minimal reproducible example，任何人都很难提供帮助
好的，我为此创建了一个小提琴......它的行为与浏览器中的不同，但也是错误的

标签： javascript chart.js chart.js3 chart.jsv3

【解决方案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)

【讨论】：