From: Michael <m.pierre@live.ca>
Date: Fri, 9 Feb 2018 22:20:06 +0000 (-0500)
Subject: Fix label vertical alignment on vertical scales (#5248)
X-Git-Tag: v2.7.2~1^2~5
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=584d1c646c84f3d49c865ab69e774cc6541027a4;p=thirdparty%2FChart.js.git

Fix label vertical alignment on vertical scales (#5248)
---

diff --git a/src/core/core.scale.js b/src/core/core.scale.js
index f79dbee80..1996c6c89 100644
--- a/src/core/core.scale.js
+++ b/src/core/core.scale.js
@@ -857,11 +857,15 @@ module.exports = function(Chart) {
 
 					var label = itemToDraw.label;
 					if (helpers.isArray(label)) {
-						for (var i = 0, y = 0; i < label.length; ++i) {
+						var lineCount = label.length;
+						var lineHeight = tickFont.size * 1.5;
+						var y = me.isHorizontal() ? 0 : -lineHeight * (lineCount - 1) / 2;
+
+						for (var i = 0; i < lineCount; ++i) {
 							// We just make sure the multiline element is a string here..
 							context.fillText('' + label[i], 0, y);
 							// apply same lineSpacing as calculated @ L#320
-							y += (tickFont.size * 1.5);
+							y += lineHeight;
 						}
 					} else {
 						context.fillText(label, 0, 0);