2020-05-11 00:37:22 -05:00
|
|
|
export function uPlotTooltipPlugin (onHover) {
|
|
|
|
let element
|
|
|
|
|
|
|
|
return {
|
|
|
|
hooks: {
|
|
|
|
init: u => {
|
|
|
|
element = u.root.querySelector('.over')
|
|
|
|
|
|
|
|
element.onmouseenter = () => onHover()
|
|
|
|
element.onmouseleave = () => onHover()
|
|
|
|
},
|
|
|
|
setCursor: u => {
|
|
|
|
const { left, top, idx } = u.cursor
|
|
|
|
|
|
|
|
if (idx === null) {
|
|
|
|
onHover()
|
|
|
|
} else {
|
|
|
|
const bounds = element.getBoundingClientRect()
|
|
|
|
|
|
|
|
onHover({
|
|
|
|
left: bounds.left + left + window.pageXOffset,
|
|
|
|
top: bounds.top + top + window.pageYOffset
|
2020-05-11 20:05:34 -05:00
|
|
|
}, idx)
|
2020-05-11 00:37:22 -05:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|