ChartJS 如何获取海图中的点坐标,js散点图?

hwazgwia  于 2023-04-30  发布在  Chart.js
关注(0)|答案(1)|浏览(133)

我正试着从一张图表中提取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);

从中我看到了浏览器控制台中带有xy坐标的数据结构:

问题是数据点的x坐标和y坐标在x= -100、-95、...,50和y=0,180。这些与元素中列出的x和y不同。
单击数据点时,如何获取数据点的x和y坐标?

of1yzvn4

of1yzvn41#

您可以使用scatter_ref.current.scales.x.getValueForPixel(xValue)scatter_ref.current.scales.y.getValueForPixel(yValue)来获取轴上显示的值

相关问题