diff --git a/src/web/questions/components/HistoryChart.tsx b/src/web/questions/components/HistoryChart.tsx index 7c07829..d9d67cc 100644 --- a/src/web/questions/components/HistoryChart.tsx +++ b/src/web/questions/components/HistoryChart.tsx @@ -278,13 +278,22 @@ export const HistoryChart: React.FC = ({ question }) => { /> {[...Array(MAX_LINES).keys()] .reverse() // affects svg render order, we want to render largest datasets on top of others + .filter((i) => i !== highlight) .map((i) => getVictoryGroup({ data: dataSets[i], i, - highlight: i === highlight, + highlight: false, }) )} + {highlight === undefined + ? null + : // render highlighted series on top of everything else + getVictoryGroup({ + data: dataSets[highlight], + i: highlight, + highlight: true, + })} ({ name, color: colors[i] }))}