Merge pull request #5376 from rawagner/chart_prop_type

Bug 1800769: Define pointerLength prop for multiline charts
openshift · May 11, 2020 · d361d81 · d361d81
2 parents 9f7e7a3 + 7a882df
commit d361d81
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/frontend/public/components/graphs/area.tsx b/frontend/public/components/graphs/area.tsx
@@ -89,13 +89,18 @@ export const AreaChart: React.FC<AreaChartProps> = ({
     [humanize, unit, formatDate],
   );
 
+  const multiLine = data && data.filter((d) => !!d).length > 1;
+
   const container = (
     <ChartVoronoiContainer
       voronoiDimension="x"
       labels={getLabel}
       activateData={false}
       labelComponent={
-        <ChartTooltip centerOffset={data.filter((d) => !!d).length > 1 ? { x: 0, y: -40 } : null} />
+        <ChartTooltip
+          centerOffset={multiLine ? { x: 0, y: -40 } : undefined}
+          pointerLength={multiLine ? 40 : undefined}
+        />
       }
     />
   );