From b48f1aa9e707ee117a2f387da452e3e31253bd33 Mon Sep 17 00:00:00 2001
From: Julien Thomas <jthomas@exosec.fr>
Date: Fri, 21 Sep 2012 18:57:38 +0200
Subject: [PATCH] Pie: Allow to set shadow distance and alpha of a tilted pie

---
 examples/pie.html  |  5 +++++
 jquery.flot.pie.js | 11 ++++++++---
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/examples/pie.html b/examples/pie.html
index b7bccf8..d72e82e 100644
--- a/examples/pie.html
+++ b/examples/pie.html
@@ -671,6 +671,11 @@ $("#interactive").bind("plotclick", pieClick);</b><br/>
 		<li><b>innerRadius:</b> <i>0</i> - Sets the radius of the donut hole. If value is between 0 and 1 (inclusive) then it will use that as a percentage of the radius, otherwise it will use the value as a direct pixel length.</li>
 		<li><b>startAngle:</b> <i>3/2</i> - Factor of PI used for the starting angle (in radians) It can range between 0 and 2 (where 0 and 2 have the same result).</li>
 		<li><b>tilt:</b> <i>1</i> - Percentage of tilt ranging from 0 and 1, where 1 has no change (fully vertical) and 0 is completely flat (fully horizontal -- in which case nothing actually gets drawn).</li>
+		<li><b>shadow:</b> <ul>
+			<li><b>top:</b> <i>5</i> - Vertical distance in pixel of the tilted pie shadow.</li>
+			<li><b>left:</b> <i>15</i> - Horizontal distance in pixel of the tilted pie shadow.</li>
+			<li><b>alpha:</b> <i>0.02</i> - Alpha value of the tilted pie shadow.</li>
+		</ul>
 		<li><b>offset:</b> <ul>
 			<li><b>top:</b> <i>0</i> - Pixel distance to move the pie up and down (relative to the center).</li>
 			<li><b>left:</b> <i>'auto'</i> - Pixel distance to move the pie left and right (relative to the center).</li>
diff --git a/jquery.flot.pie.js b/jquery.flot.pie.js
index d3458ac..107b076 100644
--- a/jquery.flot.pie.js
+++ b/jquery.flot.pie.js
@@ -310,10 +310,10 @@ More detail and specific examples can be found in the included HTML file.
 			
 			function drawShadow()
 			{
-				var shadowLeft = 5;
-				var shadowTop = 15;
+				var shadowLeft = options.series.pie.shadow.left;
+				var shadowTop = options.series.pie.shadow.top;
 				var edge = 10;
-				var alpha = 0.02;
+				var alpha = options.series.pie.shadow.alpha;
 			
 				// set radius
 				if (options.series.pie.radius>1)
@@ -712,6 +712,11 @@ More detail and specific examples can be found in the included HTML file.
 				innerRadius:0, /* for donut */
 				startAngle: 3/2,
 				tilt: 1,
+				shadow: {
+					left: 5,     // shadow left offset
+					top: 15,     // shadow top offset
+					alpha: 0.02, // shadow alpha
+				},
 				offset: {
 					top: 0,
 					left: 'auto'