From e8e892675742255ba05b96b2b83c267d52633539 Mon Sep 17 00:00:00 2001
From: Thomas Nordquist <xxnerowingerxx@gmail.com>
Date: Sat, 13 Jul 2019 14:22:33 +0200
Subject: [PATCH] Fix chart tooltip

---
 app/src/components/Sidebar/PlotHistory.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/src/components/Sidebar/PlotHistory.tsx b/app/src/components/Sidebar/PlotHistory.tsx
index 495d576..eb9fb37 100644
--- a/app/src/components/Sidebar/PlotHistory.tsx
+++ b/app/src/components/Sidebar/PlotHistory.tsx
@@ -89,6 +89,7 @@ export default withTheme((props: Props) => {
   )
 
   const getAnchorElement = useCallback(() => tooltip && tooltip.element, [tooltip])
+  const formatYAxis = useCallback((num: number) => abbreviate(num), [])
 
   const xDomain = useCustomXDomain(props)
 
@@ -114,8 +115,9 @@ export default withTheme((props: Props) => {
             onMouseLeave={onMouseLeave}
           >
             <HorizontalGridLines />
-            <YAxis width={45} tickFormat={(num: number) => abbreviate(num)} />
+            <YAxis width={45} tickFormat={formatYAxis} />
             <LineMarkSeries
+              color={color}
               colorType="literal"
               getColor={highlightSelectedPoint}
               onValueMouseOver={showTooltip}
@@ -129,7 +131,7 @@ export default withTheme((props: Props) => {
                 pointerEvents: 'none',
               }}
             >
-              <Popper open={Boolean(tooltip)} placement="top" anchorEl={getAnchorElement}>
+              <Popper open={Boolean(tooltip)} placement="top" anchorEl={getAnchorElement()}>
                 <div
                   style={{
                     paddingBottom: '8px',