From: Jon Rowe <hello@jonrowe.co.uk>
Date: Wed, 19 Jun 2013 05:00:37 +0000 (+1000)
Subject: make charts dependent on calculated width
X-Git-Tag: v1.0.2~18^2~1
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=657e53c1170bcf4997b852a14ec181d6d72e49ef;p=thirdparty%2FChart.js.git

make charts dependent on calculated width
---

diff --git a/Chart.js b/Chart.js
index e34e08a48..fb8fb0c54 100644
--- a/Chart.js
+++ b/Chart.js
@@ -25,8 +25,20 @@
 		this.ctx = context;
 
 		//Variables global to the chart
-		var width = this.width = context.canvas.width;
-		var height = this.height = context.canvas.height;
+		var computeDimension = function(element,dimension)
+		{
+			if (element['offset'+dimension])
+			{
+				return element['offset'+dimension];
+			}
+			else
+			{
+				return document.defaultView.getComputedStyle(element).getPropertyValue(dimension);
+			}
+		}
+
+		var width = this.width = computeDimension(context.canvas,'Width');
+		var height = this.height = computeDimension(context.canvas,'Height');
 		this.aspectRatio = this.width / this.height;
 		//High pixel density displays - multiply the size of the canvas height/width by the device pixel ratio, then scale.
 		helpers.retinaScale(this);