HighCharts/HighStock上的外部事件

我在用 ng-drag-drop 以及高图表/高股票。 我需要将一个外部项拖放到highcharts/highstock并创建一个标记。对于highcharts/highstocks中的文档,您可以拖放,但它位于图表容器中。

所以我得到了整页的事件。 在拖放时,我检索相对于整个网页的位置。我的问题是,如何将整个页面位置(pagex,pagey)转换为highcharts/highstock坐标(在绘图中)。拖动的项将从父组件拖动到子组件中,此时图表在其中。

//父组件

OnItemDropped(e:any){
  //X and Y coordinates of the entire webpage when item is dropped
  const add = { coord: { x: e.nativeEvent.pageX, y: e.nativeEvent.pageY }, name:'marker1' }
this.pinnedItems = [...this.pinnedItems, add]
} 

所以 coord.x 和 coord.y 是整页。但我需要它设置在页面坐标。很明显,位置与图表不匹配。有没有办法让高阶图表将页面的xy坐标识别为图表的xy坐标?

或者,我考虑检索页面坐标的html值。但我似乎找不到nativeElement对象中的位置。