Project

General

Profile

Statistics
| Revision:

root / trunk / web / dojo / dojox / charting / action2d / Tooltip.js @ 12

History | View | Annotate | Download (5.96 KB)

1
/*
2
        Copyright (c) 2004-2010, The Dojo Foundation All Rights Reserved.
3
        Available via Academic Free License >= 2.1 OR the modified BSD license.
4
        see: http://dojotoolkit.org/license for details
5
*/
6

    
7

    
8
if(!dojo._hasResource["dojox.charting.action2d.Tooltip"]){
9
dojo._hasResource["dojox.charting.action2d.Tooltip"]=true;
10
dojo.provide("dojox.charting.action2d.Tooltip");
11
dojo.require("dojox.charting.action2d.Base");
12
dojo.require("dojox.gfx.matrix");
13
dojo.require("dijit.Tooltip");
14
dojo.require("dojox.lang.functional");
15
dojo.require("dojox.lang.functional.scan");
16
dojo.require("dojox.lang.functional.fold");
17
(function(){
18
var _1=function(o){
19
var t=o.run&&o.run.data&&o.run.data[o.index];
20
if(t&&typeof t!="number"&&(t.tooltip||t.text)){
21
return t.tooltip||t.text;
22
}
23
if(o.element=="candlestick"){
24
return "<table cellpadding=\"1\" cellspacing=\"0\" border=\"0\" style=\"font-size:0.9em;\">"+"<tr><td>Open:</td><td align=\"right\"><strong>"+o.data.open+"</strong></td></tr>"+"<tr><td>High:</td><td align=\"right\"><strong>"+o.data.high+"</strong></td></tr>"+"<tr><td>Low:</td><td align=\"right\"><strong>"+o.data.low+"</strong></td></tr>"+"<tr><td>Close:</td><td align=\"right\"><strong>"+o.data.close+"</strong></td></tr>"+(o.data.mid!==undefined?"<tr><td>Mid:</td><td align=\"right\"><strong>"+o.data.mid+"</strong></td></tr>":"")+"</table>";
25
}
26
return o.element=="bar"?o.x:o.y;
27
};
28
var df=dojox.lang.functional,m=dojox.gfx.matrix,_2=Math.PI/4,_3=Math.PI/2;
29
dojo.declare("dojox.charting.action2d.Tooltip",dojox.charting.action2d.Base,{defaultParams:{text:_1},optionalParams:{},constructor:function(_4,_5,_6){
30
this.text=_6&&_6.text?_6.text:_1;
31
this.connect();
32
},process:function(o){
33
if(o.type==="onplotreset"||o.type==="onmouseout"){
34
_7(this.aroundRect);
35
this.aroundRect=null;
36
return;
37
}
38
if(!o.shape||o.type!=="onmouseover"){
39
return;
40
}
41
var _8={type:"rect"},_9=["after","before"];
42
switch(o.element){
43
case "marker":
44
_8.x=o.cx;
45
_8.y=o.cy;
46
_8.width=_8.height=1;
47
break;
48
case "circle":
49
_8.x=o.cx-o.cr;
50
_8.y=o.cy-o.cr;
51
_8.width=_8.height=2*o.cr;
52
break;
53
case "column":
54
_9=["above","below"];
55
case "bar":
56
_8=dojo.clone(o.shape.getShape());
57
break;
58
case "candlestick":
59
_8.x=o.x;
60
_8.y=o.y;
61
_8.width=o.width;
62
_8.height=o.height;
63
break;
64
default:
65
if(!this.angles){
66
if(typeof o.run.data[0]=="number"){
67
this.angles=df.map(df.scanl(o.run.data,"+",0),"* 2 * Math.PI / this",df.foldl(o.run.data,"+",0));
68
}else{
69
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));
70
}
71
}
72
var _a=m._degToRad(o.plot.opt.startAngle),_b=(this.angles[o.index]+this.angles[o.index+1])/2+_a;
73
_8.x=o.cx+o.cr*Math.cos(_b);
74
_8.y=o.cy+o.cr*Math.sin(_b);
75
_8.width=_8.height=1;
76
if(_b<_2){
77
}else{
78
if(_b<_3+_2){
79
_9=["below","above"];
80
}else{
81
if(_b<Math.PI+_2){
82
_9=["before","after"];
83
}else{
84
if(_b<2*Math.PI-_2){
85
_9=["above","below"];
86
}
87
}
88
}
89
}
90
break;
91
}
92
var lt=dojo.coords(this.chart.node,true);
93
_8.x+=lt.x;
94
_8.y+=lt.y;
95
_8.x=Math.round(_8.x);
96
_8.y=Math.round(_8.y);
97
_8.width=Math.ceil(_8.width);
98
_8.height=Math.ceil(_8.height);
99
this.aroundRect=_8;
100
_c(this.text(o),this.aroundRect,_9,"center");
101
}});
102
var _d=dojo.declare(dijit._MasterTooltip,{show:function(_e,_f,_10,_11){
103
if(this.aroundNode&&this.aroundNode===_f){
104
return;
105
}
106
if(this.fadeOut.status()=="playing"){
107
this._onDeck=arguments;
108
return;
109
}
110
this.containerNode.innerHTML=_e;
111
this.domNode.style.top=(this.domNode.offsetTop+1)+"px";
112
if(!this.connectorNode){
113
this.connectorNode=dojo.query(".dijitTooltipConnector",this.domNode)[0];
114
}
115
var _12=dojo.coords(this.connectorNode);
116
this.arrowWidth=_12.w,this.arrowHeight=_12.h;
117
this.place=(_11&&_11=="center")?this.placeChartingTooltip:dijit.placeOnScreenAroundElement,this.place(this.domNode,_f,dijit.getPopupAroundAlignment((_10&&_10.length)?_10:dijit.Tooltip.defaultPosition,this.isLeftToRight()),dojo.hitch(this,"orient"));
118
dojo.style(this.domNode,"opacity",0);
119
this.fadeIn.play();
120
this.isShowingNow=true;
121
this.aroundNode=_f;
122
},placeChartingTooltip:function(_13,_14,_15,_16){
123
return this._placeOnScreenAroundRect(_13,_14.x,_14.y,_14.width,_14.height,_15,_16);
124
},_placeOnScreenAroundRect:function(_17,x,y,_18,_19,_1a,_1b){
125
var _1c=[];
126
for(var _1d in _1a){
127
_1c.push({aroundCorner:_1d,corner:_1a[_1d],pos:{x:x+(_1d.charAt(1)=="L"?0:_18),y:y+(_1d.charAt(0)=="T"?0:_19),w:_18,h:_19}});
128
}
129
return this._place(_17,_1c,_1b);
130
},_place:function(_1e,_1f,_20){
131
var _21=dijit.getViewport();
132
if(!_1e.parentNode||String(_1e.parentNode.tagName).toLowerCase()!="body"){
133
dojo.body().appendChild(_1e);
134
}
135
var _22=null;
136
var _23=null,_24=null;
137
dojo.some(_1f,function(_25){
138
var _26=_25.corner;
139
var _27=_25.aroundCorner;
140
var pos=_25.pos;
141
if(_20){
142
_20(_1e,_25.aroundCorner,_26);
143
}
144
var _28=_1e.style;
145
var _29=_28.display;
146
var _2a=_28.visibility;
147
_28.visibility="hidden";
148
_28.display="";
149
var mb=dojo.marginBox(_1e);
150
_28.display=_29;
151
_28.visibility=_2a;
152
var _2b,_2c,_2d,_2e,_2f,_30,_31;
153
_23=null,_24=null;
154
if(_27.charAt(0)==_26.charAt(0)){
155
_2b=(_26.charAt(1)=="L"?pos.x:Math.max(_21.l,pos.x-mb.w)),_2c=(_26.charAt(0)=="T"?(pos.y+pos.h/2-mb.h/2):(pos.y-pos.h/2-mb.h/2)),_2d=(_26.charAt(1)=="L"?Math.min(_21.l+_21.w,_2b+mb.w):pos.x),_2e=_2c+mb.h,_2f=_2d-_2b,_30=_2e-_2c,_31=(mb.w-_2f)+(mb.h-_30);
156
_24=(mb.h-this.arrowHeight)/2;
157
}else{
158
_2b=(_26.charAt(1)=="L"?(pos.x+pos.w/2-mb.w/2):(pos.x-pos.w/2-mb.w/2)),_2c=(_26.charAt(0)=="T"?pos.y:Math.max(_21.t,pos.y-mb.h)),_2d=_2b+mb.w,_2e=(_26.charAt(0)=="T"?Math.min(_21.t+_21.h,_2c+mb.h):pos.y),_2f=_2d-_2b,_30=_2e-_2c,_31=(mb.w-_2f)+(mb.h-_30);
159
_23=(mb.w-this.arrowWidth)/2;
160
}
161
if(_22==null||_31<_22.overflow){
162
_22={corner:_26,aroundCorner:_25.aroundCorner,x:_2b,y:_2c,w:_2f,h:_30,overflow:_31};
163
}
164
return !_31;
165
},this);
166
_1e.style.left=_22.x+"px";
167
_1e.style.top=_22.y+"px";
168
this.connectorNode.style.top="";
169
this.connectorNode.style.left="";
170
if(_24){
171
this.connectorNode.style.top=_24+"px";
172
}
173
if(_23){
174
this.connectorNode.style.left=_23+"px";
175
}
176
if(_22.overflow&&_20){
177
_20(_1e,_22.aroundCorner,_22.corner);
178
}
179
return _22;
180
}});
181
var _32=null;
182
function _c(_33,_34,_35,_36){
183
if(!_32){
184
_32=new _d();
185
}
186
return _32.show(_33,_34,_35,_36);
187
};
188
function _7(_37){
189
if(!_32){
190
_32=new _d();
191
}
192
return _32.hide(_37);
193
};
194
})();
195
}