From: Aman Sharma <20aman@gmail.com>
Date: Wed, 13 Apr 2016 18:34:26 +0000 (-0400)
Subject: Updating to use the absolute position even if the chart canvas element is having... 
X-Git-Tag: 2.1.0~81^2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=refs%2Fpull%2F2255%2Fhead;p=thirdparty%2FChart.js.git

Updating to use the absolute position even if the chart canvas element is having relative position

This will work with both relative and absolute position for the chart
---

diff --git a/samples/pie-customTooltips.html b/samples/pie-customTooltips.html
index 732317de4..97d79d0f6 100644
--- a/samples/pie-customTooltips.html
+++ b/samples/pie-customTooltips.html
@@ -105,11 +105,29 @@
             top = tooltip.y + tooltip.caretHeight + tooltip.caretPadding;
         }
 
+        //Function to find absolution position of the element and not just it's relative position
+        function getPosition (element) {
+            var top = 0, left = 0;
+            do {
+                top += element.offsetTop || 0;
+                left += element.offsetLeft || 0;
+                element = element.offsetParent;
+            } while (element);
+
+            return {
+                top: top,
+                left: left
+            };
+        };
+
+        //Finding absolute position of the chart canvas
+        var position = getPosition(tooltip.chart.canvas)
+        
         // Display, position, and set styles for font
         tooltipEl.css({
             opacity: 1,
-            left: tooltip.chart.canvas.offsetLeft + tooltip.x + 'px',
-            top: tooltip.chart.canvas.offsetTop + top + 'px',
+            left: position.left + tooltip.x + 'px',
+            top: position.top + top + 'px',
             fontFamily: tooltip.fontFamily,
             fontSize: tooltip.fontSize,
             fontStyle: tooltip.fontStyle,