Mirrors/Chart.js
2
0
Fork 0
mirror of https://github.com/chartjs/Chart.js.git synced 2026-03-05 07:54:04 +01:00
Code Issues Packages Projects Releases Wiki Activity

Proper text alignment for multiline tick labels (#6988)

Browse Source 
* Proper text alignment for multiline tick labels

* Handle other rotations as well
This commit is contained in:
Evert Timberg
2020-01-22 11:13:43 -05:00
committed by GitHub
parent fe3931b077
commit 08110af6f1
1 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/core/core.scale.js
View File

@@ -1129,9 +1129,13 @@ class Scale extends Element {
if (isHorizontal) {
x = pixel;
textOffset = position === 'top'
? ((!rotation ? 0.5 : 1) - lineCount) * lineHeight
: (!rotation ? 0.5 : 0) * lineHeight;
if (position === 'top') {
textOffset = (Math.sin(rotation) * (lineCount / 2) + 0.5) * lineHeight;
textOffset -= (rotation === 0 ? (lineCount - 0.5) : Math.cos(rotation) * (lineCount / 2)) * lineHeight;
} else {
textOffset = Math.sin(rotation) * (lineCount / 2) * lineHeight;
textOffset += (rotation === 0 ? 0.5 : Math.cos(rotation) * (lineCount / 2)) * lineHeight;
}
} else {
y = pixel;
textOffset = (1 - lineCount) * lineHeight / 2;