dojo.provide("dojox.charting.action2d.MoveSlice"); dojo.require("dojox.charting.action2d.Base"); dojo.require("dojox.gfx.matrix"); dojo.require("dojox.lang.functional"); dojo.require("dojox.lang.functional.scan"); dojo.require("dojox.lang.functional.fold"); (function(){ var DEFAULT_SCALE = 1.05, DEFAULT_SHIFT = 7, // px m = dojox.gfx.matrix, gf = dojox.gfx.fx, df = dojox.lang.functional; dojo.declare("dojox.charting.action2d.MoveSlice", 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 scale: DEFAULT_SCALE, // scale of magnification shift: DEFAULT_SHIFT // shift of the slice }, optionalParams: {}, // no optional parameters constructor: function(chart, plot, kwArgs){ // process optional named 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){ if(!o.shape || o.element != "slice" || !(o.type in this.overOutEvents)){ return; } if(!this.angles){ // calculate the running total of slice angles if(typeof o.run.data[0] == "number"){ this.angles = df.map(df.scanl(o.run.data, "+", 0), "* 2 * Math.PI / this", df.foldl(o.run.data, "+", 0)); }else{ this.angles = df.map(df.scanl(o.run.data, "a + b.y", 0), "* 2 * Math.PI / this", df.foldl(o.run.data, "a + b.y", 0)); } } var index = o.index, anim, 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; endScale = this.scale; }else{ startOffset = this.shift; endOffset = 0; endScale = 1 / this.scale; } anim.action = dojox.gfx.fx.animateTransform({ shape: o.shape, duration: this.duration, easing: this.easing, transform: [ rotateBack, {name: "translate", start: [startOffset, 0], end: [endOffset, 0]}, {name: "scaleAt", start: [1, o.cx, o.cy], end: [endScale, o.cx, o.cy]}, rotateTo0 ] }); if(o.type == "onmouseout"){ dojo.connect(anim.action, "onEnd", this, function(){ delete this.anim[index]; }); } anim.action.play(); }, reset: function(){ delete this.angles; } }); })();