如何在highcharts反應js中獲得legendItemClick的x和y偏移position？

Question

正是我想要的是，當單擊每個單個圖例項時，它將顯示下拉列表，其中包含 position。

Answer 1

既然您使用的是反應，為什么不從所需組件內任何位置的 onClick 中找到偏移 x 和 y。 您的問題不完整，因為沒有附加代碼，但您需要的是事件偵聽器。

要讓一個顯示您單擊的任何組件的 x 和 y 偏移量，請執行此操作；

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

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

現在，創建一個名為 handleClick 的 function 並將事件作為參數傳遞，如下所示：

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

最后，給組件一個onClick屬性並傳入this.handleClick作為 function 運行，如下所示：

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

注意：理想情況下，您最好在有狀態組件中完成所有這些工作。

Answer 2

試試這個解決方案，您可以在其中找到點擊位置的chartX和chartY坐標。

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

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