From 3a8764cff3577e89e80043a8be6276a4e1d1171c Mon Sep 17 00:00:00 2001
From: Tyron Madlener <tyronx@gmail.com>
Date: Wed, 29 Jun 2011 19:09:48 +0200
Subject: [PATCH] 2 bugfixes for correct alignment in image buttons, bug is
 reported on the highcharts forums

---
 js/highcharts/highcharts.js | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/js/highcharts/highcharts.js b/js/highcharts/highcharts.js
index 4ad0c6c4ae..6e6ec0067b 100644
--- a/js/highcharts/highcharts.js
+++ b/js/highcharts/highcharts.js
@@ -1789,6 +1789,11 @@ SVGElement.prototype = {
 			translateX += wrapper.attr('width');
 			translateY += wrapper.attr('height');
 		}
+		
+		if(wrapper.imagesize) {
+			translateX -= wrapper.imagesize[0]/2;
+			translateY -= wrapper.imagesize[1]/2;
+		}
 			
 		// apply translate
 		if (translateX || translateY) {
@@ -2498,17 +2503,22 @@ SVGRenderer.prototype = {
 				onload: function() {
 					var img = this,
 						size = symbolSizes[img.src] || [img.width, img.height];
-					obj.attr({						
+					
+					obj.imagesize = size;
+
+					obj.attr({
 						width: size[0],
 						height: size[1]
 					}).translate(
-						-mathRound(size[0] / 2),
-						-mathRound(size[1] / 2)
+						obj.translateX /*- mathRound(size[0] / 2),*/,
+						obj.translateY /*- mathRound(size[1] / 2)*/
 					);
 				},
 				src: imageSrc
 			});
-				
+			
+			
+			
 		// default circles
 		} else {
 			obj = this.circle(x, y, radius);