87 lines
2.3 KiB
JavaScript
87 lines
2.3 KiB
JavaScript
|
dojo.provide("dojox.charting.action2d.Shake");
|
||
|
|
|
||
|
|
dojo.require("dojox.charting.action2d.Base");
|
||
|
|
dojo.require("dojox.gfx.matrix");
|
||
|
|
dojo.require("dojo.fx");
|
||
|
|
|
||
|
|
(function(){
|
||
|
|
var DEFAULT_SHIFT = 3,
|
||
|
|
m = dojox.gfx.matrix,
|
||
|
|
gf = dojox.gfx.fx;
|
||
|
|
|
||
|
|
dojo.declare("dojox.charting.action2d.Shake", dojox.charting.action2d.Base, {
|
||
|
|
// the data description block for the widget parser
|
||
|
|
defaultParams: {
|
||
|
|
duration: 400, // duration of the action in ms
|
||
|
|
easing: dojo.fx.easing.backOut, // easing for the action
|
||
|
|
shiftX: DEFAULT_SHIFT, // shift of the element along the X axis
|
||
|
|
shiftY: DEFAULT_SHIFT // shift of the element along the Y axis
|
||
|
|
},
|
||
|
|
optionalParams: {}, // no optional parameters
|
||
|
|
|
||
|
|
constructor: function(chart, plot, kwArgs){
|
||
|
|
// process optional named parameters
|
||
|
|
if(!kwArgs){ kwArgs = {}; }
|
||
|
|
this.shiftX = typeof kwArgs.shiftX == "number" ? kwArgs.shiftX : DEFAULT_SHIFT;
|
||
|
|
this.shiftY = typeof kwArgs.shiftY == "number" ? kwArgs.shiftY : DEFAULT_SHIFT;
|
||
|
|
|
||
|
|
this.connect();
|
||
|
|
},
|
||
|
|
|
||
|
|
process: function(o){
|
||
|
|
if(!o.shape || !(o.type in this.overOutEvents)){ return; }
|
||
|
|
|
||
|
|
var runName = o.run.name, index = o.index, vector = [], anim,
|
||
|
|
shiftX = o.type == "onmouseover" ? this.shiftX : -this.shiftX,
|
||
|
|
shiftY = o.type == "onmouseover" ? this.shiftY : -this.shiftY;
|
||
|
|
|
||
|
|
if(runName in this.anim){
|
||
|
|
anim = this.anim[runName][index];
|
||
|
|
}else{
|
||
|
|
this.anim[runName] = {};
|
||
|
|
}
|
||
|
|
|
||
|
|
if(anim){
|
||
|
|
anim.action.stop(true);
|
||
|
|
}else{
|
||
|
|
this.anim[runName][index] = anim = {};
|
||
|
|
}
|
||
|
|
|
||
|
|
var kwArgs = {
|
||
|
|
shape: o.shape,
|
||
|
|
duration: this.duration,
|
||
|
|
easing: this.easing,
|
||
|
|
transform: [
|
||
|
|
{name: "translate", start: [this.shiftX, this.shiftY], end: [0, 0]},
|
||
|
|
m.identity
|
||
|
|
]
|
||
|
|
};
|
||
|
|
if(o.shape){
|
||
|
|
vector.push(gf.animateTransform(kwArgs));
|
||
|
|
}
|
||
|
|
if(o.oultine){
|
||
|
|
kwArgs.shape = o.outline;
|
||
|
|
vector.push(gf.animateTransform(kwArgs));
|
||
|
|
}
|
||
|
|
if(o.shadow){
|
||
|
|
kwArgs.shape = o.shadow;
|
||
|
|
vector.push(gf.animateTransform(kwArgs));
|
||
|
|
}
|
||
|
|
|
||
|
|
if(!vector.length){
|
||
|
|
delete this.anim[runName][index];
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
anim.action = dojo.fx.combine(vector);
|
||
|
|
if(o.type == "onmouseout"){
|
||
|
|
dojo.connect(anim.action, "onEnd", this, function(){
|
||
|
|
if(this.anim[runName]){
|
||
|
|
delete this.anim[runName][index];
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
anim.action.play();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
})();
|