1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
|
/*
Copyright (c) 2004-2011, The Dojo Foundation All Rights Reserved.
Available via Academic Free License >= 2.1 OR the modified BSD license.
see: http://dojotoolkit.org/license for details
*/
dojo._xdResourceLoaded(function(dojo, dijit, dojox){
return {depends: [["provide", "dojox.charting.action2d.MoveSlice"],
["require", "dojox.charting.action2d.Base"],
["require", "dojox.gfx.matrix"],
["require", "dojox.lang.functional"],
["require", "dojox.lang.functional.scan"],
["require", "dojox.lang.functional.fold"]],
defineResource: function(dojo, dijit, dojox){if(!dojo._hasResource["dojox.charting.action2d.MoveSlice"]){ //_hasResource checks added by build. Do not use _hasResource directly in your code.
dojo._hasResource["dojox.charting.action2d.MoveSlice"] = true;
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");
/*=====
dojo.declare("dojox.charting.action2d.__MoveSliceCtorArgs", dojox.charting.action2d.__BaseCtorArgs, {
// 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
});
=====*/
(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, {
// 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: 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){
// summary:
// Create the slice moving action and connect it to the plot.
// chart: dojox.charting.Chart2D
// 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 = 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: [startScale, 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;
}
});
})();
}
}};});
|
