Highcharts / highstock上的外部事件

Question

我正在使用ng-drag-drop和高图表/高库存。 我需要将外部项目拖放到highcharts / highstock中并创建一个标记。根据highcharts / highstocks中的文档，您可以拖放，但是它在图表容器中。

所以我要做的是获取整个页面的事件。 拖放时，我检索到相对于整个网页放置位置的位置。我的问题是，如何将整个页面位置（pageX，pageY）转换为高图/高库存坐标（在绘图内）。拖动的项目从父组件拖到图表所在的子组件中。

//父组件

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对象中的位置。