open.source/manifold
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Display tooltip on charts only for mouse

Browse Source
This commit is contained in:
Marshall Polaris 2022-09-27 16:24:20 -07:00
parent c70c8fdaf2
commit b8091df864
1 changed files with 20 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
web/components/charts/generic-charts.tsx
View File

@ -140,11 +140,13 @@ export const SingleValueDistributionChart = (props: {
}
})
const onMouseOver = useEvent((event: React.PointerEvent) => {
const [mouseX, mouseY] = pointer(event)
const queryX = xScale.invert(mouseX)
const [_x, y] = data[xBisector.center(data, queryX)]
setMouseState({ top: mouseY - 10, left: mouseX + 60, p: [queryX, y] })
const onMouseOver = useEvent((ev: React.PointerEvent) => {
if (ev.pointerType === 'mouse') {
const [mouseX, mouseY] = pointer(ev)
const queryX = xScale.invert(mouseX)
const [_x, y] = data[xBisector.center(data, queryX)]
setMouseState({ top: mouseY - 10, left: mouseX + 60, p: [queryX, y] })
}
})
const onMouseLeave = useEvent(() => {
@ -239,11 +241,13 @@ export const MultiValueHistoryChart = (props: {
}
})
const onMouseOver = useEvent((event: React.PointerEvent) => {
const [mouseX, mouseY] = pointer(event)
const queryX = xScale.invert(mouseX)
const [_x, ys] = data[xBisector.left(data, queryX) - 1]
setMouseState({ top: mouseY - 10, left: mouseX + 60, p: [queryX, ys] })
const onMouseOver = useEvent((ev: React.PointerEvent) => {
if (ev.pointerType === 'mouse') {
const [mouseX, mouseY] = pointer(ev)
const queryX = xScale.invert(mouseX)
const [_x, ys] = data[xBisector.left(data, queryX) - 1]
setMouseState({ top: mouseY - 10, left: mouseX + 60, p: [queryX, ys] })
}
})
const onMouseLeave = useEvent(() => {
@ -343,10 +347,12 @@ export const SingleValueHistoryChart = (props: {
})
const onMouseOver = useEvent((ev: React.PointerEvent) => {
const [mouseX, mouseY] = pointer(ev)
const queryX = xScale.invert(mouseX)
const [_x, y] = data[xBisector.left(data, queryX) - 1]
setMouseState({ top: mouseY - 10, left: mouseX + 60, p: [queryX, y] })
if (ev.pointerType === 'mouse') {
const [mouseX, mouseY] = pointer(ev)
const queryX = xScale.invert(mouseX)
const [_x, y] = data[xBisector.left(data, queryX) - 1]
setMouseState({ top: mouseY - 10, left: mouseX + 60, p: [queryX, y] })
}
})
const onMouseLeave = useEvent(() => {