archive-gh-me/Chart.js
1
0
Fork 0
mirror of https://github.com/chartjs/Chart.js.git synced 2025-12-08 20:36:08 +00:00
Code Issues Projects Releases Wiki Activity

Fix tooltip caret border when caret is on right or bottom (#7565)

Browse Source 
* Fix tooltip caret border when caret is on right or bottom
* Lint fixes

* Code review feedback
This commit is contained in:
Evert Timberg 2020-06-29 07:55:09 -04:00 committed by GitHub
parent 533bbea766
commit ff29522f5f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 18 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/plugins/plugin.tooltip.js
View File

@ -694,13 +694,20 @@ export class Tooltip extends Element {
if (xAlign === 'left') {
x1 = ptX;
x2 = x1 - caretSize;
// Left draws bottom -> top, this y1 is on the bottom
y1 = y2 + caretSize;
y3 = y2 - caretSize;
} else {
x1 = ptX + width;
x2 = x1 + caretSize;
// Right draws top -> bottom, thus y1 is on the top
y1 = y2 - caretSize;
y3 = y2 + caretSize;
}
x3 = x1;
y1 = y2 + caretSize;
y3 = y2 - caretSize;
} else {
if (xAlign === 'left') {
x2 = ptX + cornerRadius + (caretSize);
@ -709,14 +716,21 @@ export class Tooltip extends Element {
} else {
x2 = this.caretX;
}
x1 = x2 - caretSize;
x3 = x2 + caretSize;
if (yAlign === 'top') {
y1 = ptY;
y2 = y1 - caretSize;
// Top draws left -> right, thus x1 is on the left
x1 = x2 - caretSize;
x3 = x2 + caretSize;
} else {
y1 = ptY + height;
y2 = y1 + caretSize;
// Bottom draws right -> left, thus x1 is on the right
x1 = x2 + caretSize;
x3 = x2 - caretSize;
}
y3 = y1;
}