Я использую ng-drag-drop и 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.