From 2293ae2ef2d0d3a284618c1a9b4dd7ab27875dbf Mon Sep 17 00:00:00 2001
From: Dominik Prokop <dominik.prokop@grafana.com>
Date: Wed, 20 Jan 2021 11:24:17 +0100
Subject: [PATCH] GraphNG: assume uPlot's series stroke is always a function
 (#30416)

---
 .../src/components/uPlot/plugins/TooltipPlugin.tsx        | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/grafana-ui/src/components/uPlot/plugins/TooltipPlugin.tsx b/packages/grafana-ui/src/components/uPlot/plugins/TooltipPlugin.tsx
index 5aa3e1e1f03..0d738799937 100644
--- a/packages/grafana-ui/src/components/uPlot/plugins/TooltipPlugin.tsx
+++ b/packages/grafana-ui/src/components/uPlot/plugins/TooltipPlugin.tsx
@@ -48,8 +48,8 @@ export const TooltipPlugin: React.FC<TooltipPluginProps> = ({ mode = 'single', t
             <SeriesTable
               series={[
                 {
-                  // stroke is typed as CanvasRenderingContext2D['strokeStyle'] - we are using strings only for now
-                  color: plotContext.getSeries()[focusedSeriesIdx!].stroke as string,
+                  // TODO: align with uPlot typings
+                  color: (plotContext.getSeries()[focusedSeriesIdx!].stroke as any)(),
                   label: getFieldDisplayName(field, data),
                   value: fieldFmt(field.values.get(focusedPointIdx)).text,
                 },
@@ -76,8 +76,8 @@ export const TooltipPlugin: React.FC<TooltipPluginProps> = ({ mode = 'single', t
                 return [
                   ...agg,
                   {
-                    // stroke is typed as CanvasRenderingContext2D['strokeStyle'] - we are using strings only for now
-                    color: plotContext.getSeries()[i].stroke as string,
+                    // TODO: align with uPlot typings
+                    color: (plotContext.getSeries()[i].stroke as any)!(),
                     label: getFieldDisplayName(f, data),
                     value: formattedValueToString(f.display!(f.values.get(focusedPointIdx!))),
                     isActive: focusedSeriesIdx === i,