tooltip.js -> plugins.js

assets/js/plugins.js

@@ -0,0 +1,28 @@
+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
+          }, idx)
+        }
+      }
+    }
+  }
+}