From 2eba78bf2b7e63327c800d500013f446a2650c90 Mon Sep 17 00:00:00 2001 From: Marshall Polaris Date: Tue, 27 Sep 2022 14:31:44 -0700 Subject: [PATCH] Make tooltips accurate on curveStepAfter charts --- web/components/charts/generic-charts.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/web/components/charts/generic-charts.tsx b/web/components/charts/generic-charts.tsx index 44c2f81c..c8844899 100644 --- a/web/components/charts/generic-charts.tsx +++ b/web/components/charts/generic-charts.tsx @@ -242,7 +242,7 @@ 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.center(data, queryX)] + const [_x, ys] = data[xBisector.left(data, queryX) - 1] setMouseState({ top: mouseY - 10, left: mouseX + 60, p: [queryX, ys] }) }) @@ -345,7 +345,7 @@ 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.center(data, queryX)] + const [_x, y] = data[xBisector.left(data, queryX) - 1] setMouseState({ top: mouseY - 10, left: mouseX + 60, p: [queryX, y] }) })