123 lines
3.8 KiB
JavaScript
123 lines
3.8 KiB
JavaScript
//>>built
|
|
define("dojox/charting/action2d/MoveSlice", ["dojo/_base/connect", "dojo/_base/declare", "./PlotAction", "dojo/fx/easing", "dojox/gfx/matrix",
|
|
"dojox/gfx/fx", "dojox/lang/functional", "dojox/lang/functional/scan", "dojox/lang/functional/fold"],
|
|
function(hub, declare, PlotAction, dfe, m, gf, df, dfs, dff){
|
|
|
|
/*=====
|
|
dojo.declare("dojox.charting.action2d.__MoveSliceCtorArgs", dojox.charting.action2d.__PlotActionCtorArgs, {
|
|
// summary:
|
|
// Additional arguments for highlighting actions.
|
|
|
|
// scale: Number?
|
|
// The amount to scale the pie slice. Default is 1.05.
|
|
scale: 1.05,
|
|
|
|
// shift: Number?
|
|
// The amount in pixels to shift the pie slice. Default is 7.
|
|
shift: 7
|
|
});
|
|
var PlotAction = dojox.charting.action2d.PlotAction;
|
|
=====*/
|
|
|
|
var DEFAULT_SCALE = 1.05,
|
|
DEFAULT_SHIFT = 7; // px
|
|
|
|
return declare("dojox.charting.action2d.MoveSlice", PlotAction, {
|
|
// summary:
|
|
// Create an action for a pie chart that moves and scales a pie slice.
|
|
|
|
// the data description block for the widget parser
|
|
defaultParams: {
|
|
duration: 400, // duration of the action in ms
|
|
easing: dfe.backOut, // easing for the action
|
|
scale: DEFAULT_SCALE, // scale of magnification
|
|
shift: DEFAULT_SHIFT // shift of the slice
|
|
},
|
|
optionalParams: {}, // no optional parameters
|
|
|
|
constructor: function(chart, plot, kwArgs){
|
|
// summary:
|
|
// Create the slice moving action and connect it to the plot.
|
|
// chart: dojox.charting.Chart
|
|
// The chart this action belongs to.
|
|
// plot: String?
|
|
// The plot this action is attached to. If not passed, "default" is assumed.
|
|
// kwArgs: dojox.charting.action2d.__MoveSliceCtorArgs?
|
|
// Optional keyword arguments object for setting parameters.
|
|
if(!kwArgs){ kwArgs = {}; }
|
|
this.scale = typeof kwArgs.scale == "number" ? kwArgs.scale : DEFAULT_SCALE;
|
|
this.shift = typeof kwArgs.shift == "number" ? kwArgs.shift : DEFAULT_SHIFT;
|
|
|
|
this.connect();
|
|
},
|
|
|
|
process: function(o){
|
|
// summary:
|
|
// Process the action on the given object.
|
|
// o: dojox.gfx.Shape
|
|
// The object on which to process the slice moving action.
|
|
if(!o.shape || o.element != "slice" || !(o.type in this.overOutEvents)){ return; }
|
|
|
|
if(!this.angles){
|
|
// calculate the running total of slice angles
|
|
var startAngle = m._degToRad(o.plot.opt.startAngle);
|
|
if(typeof o.run.data[0] == "number"){
|
|
this.angles = df.map(df.scanl(o.run.data, "+", startAngle),
|
|
"* 2 * Math.PI / this", df.foldl(o.run.data, "+", 0));
|
|
}else{
|
|
this.angles = df.map(df.scanl(o.run.data, "a + b.y", startAngle),
|
|
"* 2 * Math.PI / this", df.foldl(o.run.data, "a + b.y", 0));
|
|
}
|
|
}
|
|
|
|
var index = o.index, anim, startScale, endScale, startOffset, endOffset,
|
|
angle = (this.angles[index] + this.angles[index + 1]) / 2,
|
|
rotateTo0 = m.rotateAt(-angle, o.cx, o.cy),
|
|
rotateBack = m.rotateAt( angle, o.cx, o.cy);
|
|
|
|
anim = this.anim[index];
|
|
|
|
if(anim){
|
|
anim.action.stop(true);
|
|
}else{
|
|
this.anim[index] = anim = {};
|
|
}
|
|
|
|
if(o.type == "onmouseover"){
|
|
startOffset = 0;
|
|
endOffset = this.shift;
|
|
startScale = 1;
|
|
endScale = this.scale;
|
|
}else{
|
|
startOffset = this.shift;
|
|
endOffset = 0;
|
|
startScale = this.scale;
|
|
endScale = 1;
|
|
}
|
|
|
|
anim.action = gf.animateTransform({
|
|
shape: o.shape,
|
|
duration: this.duration,
|
|
easing: this.easing,
|
|
transform: [
|
|
rotateBack,
|
|
{name: "translate", start: [startOffset, 0], end: [endOffset, 0]},
|
|
{name: "scaleAt", start: [startScale, o.cx, o.cy], end: [endScale, o.cx, o.cy]},
|
|
rotateTo0
|
|
]
|
|
});
|
|
|
|
if(o.type == "onmouseout"){
|
|
hub.connect(anim.action, "onEnd", this, function(){
|
|
delete this.anim[index];
|
|
});
|
|
}
|
|
anim.action.play();
|
|
},
|
|
|
|
reset: function(){
|
|
delete this.angles;
|
|
}
|
|
});
|
|
});
|