我正试着从一张图表中提取x和y坐标.通过React应用程序中鼠标单击事件的JS散点图。遵循本教程:https://react-chartjs-2.js.org/docs/working-with-events我实现了鼠标点击的回调:
function scatter_point_selector(event)
{
var element = getElementAtEvent(scatter_ref.current, event);
var element_ix = getElementAtEvent(scatter_ref.current, event)[0].index;
var dataset = getDatasetAtEvent(scatter_ref.current, event);
console.log('element = ', element);
从中我看到了浏览器控制台中带有x
和y
坐标的数据结构:
问题是数据点的x坐标和y坐标在x= -100、-95、...,50和y=0,180。这些与元素中列出的x和y不同。
单击数据点时,如何获取数据点的x和y坐标?
1条答案
按热度按时间of1yzvn41#
您可以使用
scatter_ref.current.scales.x.getValueForPixel(xValue)
和scatter_ref.current.scales.y.getValueForPixel(yValue)
来获取轴上显示的值