如何在高图表反应js中获取图例项点击的x和y偏移位置?

Question

确切地说，我想要的是当单击每个图例项时，它将显示带有位置的下拉列表。

Answer 1

既然你正在使用 react，为什么不从所需组件中任意位置的 onClick 中找到偏移量 x 和 y。 您的问题不完整，因为没有附加代码，但您需要的是事件侦听器。

要获得一个显示您单击的任何组件的 x 和 y 偏移量，请执行以下操作;

componentWillUnmount() {
window.removeEventListener('click', this.handleClick);
}
componentDidMount() {
window.addEventListener('click', this.handleClick);

现在，创建一个名为 handleClick 的函数，并将事件作为参数传递，如下所示：

handleClick = (e) => {
console.log(e.offsetX,e.offsetY)
}
}

最后，为组件提供一个onClick属性，并将this.handleClick作为要运行的函数传递，如下所示：

<div className="charts" onClick={this.handleClick}>
</div>

注意：理想情况下，您将在有状态组件中完成所有这些操作。

Answer 2

尝试使用此解决方案，您可以在其中找到单击的地点的chartX和chartY坐标。

演示：https://codesandbox.io/s/highcharts-react-demo-xb769

它是否足以满足您的要求？