diff --git a/frontend/src/lib/components/AdvancedPlot/advancedPlot.tsx b/frontend/src/lib/components/AdvancedPlot/advancedPlot.tsx index 6afc30b37..2da5d42fa 100644 --- a/frontend/src/lib/components/AdvancedPlot/advancedPlot.tsx +++ b/frontend/src/lib/components/AdvancedPlot/advancedPlot.tsx @@ -144,9 +144,11 @@ export const AdvancedPlot: React.FC = (props) => { traces.push({ ...dataObj, marker: { + ...dataObj.marker, color: highlightedCurve.color, }, line: { + ...dataObj.line, color: highlightedCurve.color, }, showlegend: false, @@ -164,6 +166,7 @@ export const AdvancedPlot: React.FC = (props) => { React.useEffect(function handleMount() { let interactionDisabled = false; const graphDiv = divRef.current as unknown as PlotlyHTMLElement; + setIsUnmounting(false); function handleHover(event: Plotly.PlotHoverEvent) { if (!interactionDisabled) { @@ -174,7 +177,7 @@ export const AdvancedPlot: React.FC = (props) => { if (props.onHover && event.points[0].data.showlegend !== false) { props.onHover(event); } - }, 50); + }, 100); } } @@ -184,7 +187,7 @@ export const AdvancedPlot: React.FC = (props) => { clearTimeout(hoverTimeout.current); } - hoverTimeout.current = setTimeout(() => props.onUnhover && props.onUnhover(), 50); + hoverTimeout.current = setTimeout(() => props.onUnhover && props.onUnhover(), 100); } }