Permalink
Browse files

Merge pull request #78 from julthomas/pie-shadow

Added options to customize tilted pie shadows.
  • Loading branch information...
2 parents df8c7ea + b48f1aa commit 53d6112f73cfcb1bacdc06e2433062af1449961f @dnschnur dnschnur committed Sep 26, 2012
Showing with 17 additions and 7 deletions.
  1. +5 −0 examples/pie.html
  2. +12 −7 jquery.flot.pie.js
View
@@ -671,6 +671,11 @@
<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>
View
@@ -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)
@@ -586,10 +586,10 @@ More detail and specific examples can be found in the included HTML file.
triggerClickHoverEvent('plothover', e);
}
- function onClick(e)
+ function onClick(e)
{
triggerClickHoverEvent('plotclick', e);
- }
+ }
// trigger click or hover event (they send the same parameters so we share their code)
function triggerClickHoverEvent(eventname, e)
@@ -612,7 +612,7 @@ More detail and specific examples can be found in the included HTML file.
// highlight the slice
if (item)
- highlight(item.series, eventname);
+ highlight(item.series, eventname);
// trigger any hover bind events
var pos = { pageX: e.pageX, pageY: e.pageY };
@@ -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'
@@ -744,7 +749,7 @@ More detail and specific examples can be found in the included HTML file.
}
}
};
-
+
$.plot.plugins.push({
init: init,
options: options,

0 comments on commit 53d6112

Please sign in to comment.