Mirrors/Chart.js
2
0
Fork 0
mirror of https://github.com/chartjs/Chart.js.git synced 2026-03-06 16:26:52 +01:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #2255 from HarvestingClouds/patch-1

Browse Source 
Using the dynamic absolute position even for relative elements
This commit is contained in:
Evert Timberg
2016-04-15 06:13:54 -04:00
parent a62537a800 69716a45d3
commit 98a995dbd2
1 changed files with 20 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
samples/pie-customTooltips.html
View File

@@ -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,