root / trunk / web / dojo / dojox / charting / DataChart.js @ 11
History | View | Annotate | Download (6.13 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.DataChart"]){ |
9 |
dojo._hasResource["dojox.charting.DataChart"]=true; |
10 |
dojo.provide("dojox.charting.DataChart");
|
11 |
dojo.require("dojox.charting.Chart2D");
|
12 |
dojo.require("dojox.charting.themes.PlotKit.blue");
|
13 |
dojo.experimental("dojox.charting.DataChart");
|
14 |
(function(){
|
15 |
var _1={vertical:true,min:0,max:10,majorTickStep:5,minorTickStep:1,natural:false,stroke:"black",majorTick:{stroke:"black",length:8},minorTick:{stroke:"gray",length:2},majorLabels:true}; |
16 |
var _2={natural:true,majorLabels:true,includeZero:false,majorTickStep:1,majorTick:{stroke:"black",length:8},fixUpper:"major",stroke:"black",htmlLabels:true,from:1}; |
17 |
var _3={markers:true,tension:2,gap:2}; |
18 |
dojo.declare("dojox.charting.DataChart",[dojox.charting.Chart2D],{scroll:true,comparative:false,query:"*",queryOptions:"",fieldName:"value",chartTheme:dojox.charting.themes.PlotKit.blue,displayRange:0,stretchToFit:true,minWidth:200,minHeight:100,showing:true,label:"name",constructor:function(_4,_5){ |
19 |
this.domNode=dojo.byId(_4);
|
20 |
dojo.mixin(this,_5);
|
21 |
this.xaxis=dojo.mixin(dojo.mixin({},_2),_5.xaxis);
|
22 |
if(this.xaxis.labelFunc=="seriesLabels"){ |
23 |
this.xaxis.labelFunc=dojo.hitch(this,"seriesLabels"); |
24 |
} |
25 |
this.yaxis=dojo.mixin(dojo.mixin({},_1),_5.yaxis);
|
26 |
if(this.yaxis.labelFunc=="seriesLabels"){ |
27 |
this.yaxis.labelFunc=dojo.hitch(this,"seriesLabels"); |
28 |
} |
29 |
this._events=[];
|
30 |
this.convertLabels(this.yaxis); |
31 |
this.convertLabels(this.xaxis); |
32 |
this.onSetItems={};
|
33 |
this.onSetInterval=0; |
34 |
this.dataLength=0; |
35 |
this.seriesData={};
|
36 |
this.seriesDataBk={};
|
37 |
this.firstRun=true; |
38 |
this.dataOffset=0; |
39 |
this.chartTheme.plotarea.stroke={color:"gray",width:3}; |
40 |
this.setTheme(this.chartTheme); |
41 |
if(this.displayRange){ |
42 |
this.stretchToFit=false; |
43 |
} |
44 |
if(!this.stretchToFit){ |
45 |
this.xaxis.to=this.displayRange; |
46 |
} |
47 |
this.addAxis("x",this.xaxis); |
48 |
this.addAxis("y",this.yaxis); |
49 |
_3.type=_5.type||"Markers";
|
50 |
this.addPlot("default",dojo.mixin(_3,_5.chartPlot)); |
51 |
this.addPlot("grid",dojo.mixin(_5.grid||{},{type:"Grid",hMinorLines:true})); |
52 |
if(this.showing){ |
53 |
this.render();
|
54 |
} |
55 |
if(_5.store){
|
56 |
this.setStore(_5.store,_5.query,_5.fieldName,_5.queryOptions);
|
57 |
} |
58 |
},destroy:function(){ |
59 |
dojo.forEach(this._events,dojo.disconnect);
|
60 |
this.inherited(arguments); |
61 |
},setStore:function(_6,_7,_8,_9){ |
62 |
this.firstRun=true; |
63 |
this.store=_6||this.store; |
64 |
this.query=_7||this.query; |
65 |
this.fieldName=_8||this.fieldName; |
66 |
this.label=this.store.getLabelAttributes(); |
67 |
this.queryOptions=_9||_9;
|
68 |
dojo.forEach(this._events,dojo.disconnect);
|
69 |
this._events=[dojo.connect(this.store,"onSet",this,"onSet"),dojo.connect(this.store,"onError",this,"onError")]; |
70 |
this.fetch();
|
71 |
},show:function(){ |
72 |
if(!this.showing){ |
73 |
dojo.style(this.domNode,"display",""); |
74 |
this.showing=true; |
75 |
this.render();
|
76 |
} |
77 |
},hide:function(){ |
78 |
if(this.showing){ |
79 |
dojo.style(this.domNode,"display","none"); |
80 |
this.showing=false; |
81 |
} |
82 |
},onSet:function(_a){ |
83 |
var nm=this.getProperty(_a,this.label); |
84 |
if(nm in this.runs||this.comparative){ |
85 |
clearTimeout(this.onSetInterval);
|
86 |
if(!this.onSetItems[nm]){ |
87 |
this.onSetItems[nm]=_a;
|
88 |
} |
89 |
this.onSetInterval=setTimeout(dojo.hitch(this,function(){ |
90 |
clearTimeout(this.onSetInterval);
|
91 |
var _b=[];
|
92 |
for(var nm in this.onSetItems){ |
93 |
_b.push(this.onSetItems[nm]);
|
94 |
} |
95 |
this.onData(_b);
|
96 |
this.onSetItems={};
|
97 |
}),200);
|
98 |
} |
99 |
},onError:function(_c){ |
100 |
console.error("DataChart Error:",_c);
|
101 |
},onDataReceived:function(_d){ |
102 |
},getProperty:function(_e,_f){ |
103 |
if(_f==this.label){ |
104 |
return this.store.getLabel(_e); |
105 |
} |
106 |
if(_f=="id"){ |
107 |
return this.store.getIdentity(_e); |
108 |
} |
109 |
var _10=this.store.getValues(_e,_f); |
110 |
if(_10.length<2){ |
111 |
_10=this.store.getValue(_e,_f);
|
112 |
} |
113 |
return _10;
|
114 |
},onData:function(_11){ |
115 |
if(!_11||!_11.length){
|
116 |
return;
|
117 |
} |
118 |
if(this.items&&this.items.length!=_11.length){ |
119 |
dojo.forEach(_11,function(m){
|
120 |
var id=this.getProperty(m,"id"); |
121 |
dojo.forEach(this.items,function(m2,i){ |
122 |
if(this.getProperty(m2,"id")==id){ |
123 |
this.items[i]=m2;
|
124 |
} |
125 |
},this);
|
126 |
},this);
|
127 |
_11=this.items;
|
128 |
} |
129 |
if(this.stretchToFit){ |
130 |
this.displayRange=_11.length;
|
131 |
} |
132 |
this.onDataReceived(_11);
|
133 |
this.items=_11;
|
134 |
if(this.comparative){ |
135 |
var nm="default"; |
136 |
this.seriesData[nm]=[];
|
137 |
this.seriesDataBk[nm]=[];
|
138 |
dojo.forEach(_11,function(m,i){
|
139 |
var _12=this.getProperty(m,this.fieldName); |
140 |
this.seriesData[nm].push(_12);
|
141 |
},this);
|
142 |
}else{
|
143 |
dojo.forEach(_11,function(m,i){
|
144 |
var nm=this.store.getLabel(m); |
145 |
if(!this.seriesData[nm]){ |
146 |
this.seriesData[nm]=[];
|
147 |
this.seriesDataBk[nm]=[];
|
148 |
} |
149 |
var _13=this.getProperty(m,this.fieldName); |
150 |
if(dojo.isArray(_13)){
|
151 |
this.seriesData[nm]=_13;
|
152 |
}else{
|
153 |
if(!this.scroll){ |
154 |
var ar=dojo.map(new Array(i+1),function(){ |
155 |
return 0; |
156 |
}); |
157 |
ar.push(Number(_13)); |
158 |
this.seriesData[nm]=ar;
|
159 |
}else{
|
160 |
if(this.seriesDataBk[nm].length>this.seriesData[nm].length){ |
161 |
this.seriesData[nm]=this.seriesDataBk[nm]; |
162 |
} |
163 |
this.seriesData[nm].push(Number(_13));
|
164 |
} |
165 |
this.seriesDataBk[nm].push(Number(_13));
|
166 |
} |
167 |
},this);
|
168 |
} |
169 |
var _14;
|
170 |
if(this.firstRun){ |
171 |
this.firstRun=false; |
172 |
for(nm in this.seriesData){ |
173 |
this.addSeries(nm,this.seriesData[nm]); |
174 |
_14=this.seriesData[nm];
|
175 |
} |
176 |
}else{
|
177 |
for(nm in this.seriesData){ |
178 |
_14=this.seriesData[nm];
|
179 |
if(this.scroll&&_14.length>this.displayRange){ |
180 |
this.dataOffset=_14.length-this.displayRange-1; |
181 |
_14=_14.slice(_14.length-this.displayRange,_14.length);
|
182 |
} |
183 |
this.updateSeries(nm,_14);
|
184 |
} |
185 |
} |
186 |
this.dataLength=_14.length;
|
187 |
if(this.showing){ |
188 |
this.render();
|
189 |
} |
190 |
},fetch:function(){ |
191 |
if(!this.store){ |
192 |
return;
|
193 |
} |
194 |
this.store.fetch({query:this.query,queryOptions:this.queryOptions,start:this.start,count:this.count,sort:this.sort,onComplete:dojo.hitch(this,function(_15){ |
195 |
setTimeout(dojo.hitch(this,function(){ |
196 |
this.onData(_15);
|
197 |
}),0);
|
198 |
}),onError:dojo.hitch(this,"onError")}); |
199 |
},convertLabels:function(_16){ |
200 |
if(!_16.labels||dojo.isObject(_16.labels[0])){ |
201 |
return null; |
202 |
} |
203 |
_16.labels=dojo.map(_16.labels,function(ele,i){
|
204 |
return {value:i,text:ele}; |
205 |
}); |
206 |
return null; |
207 |
},seriesLabels:function(val){ |
208 |
val--; |
209 |
if(this.series.length<1||(!this.comparative&&val>this.series.length)){ |
210 |
return "-"; |
211 |
} |
212 |
if(this.comparative){ |
213 |
return this.store.getLabel(this.items[val]); |
214 |
}else{
|
215 |
for(var i=0;i<this.series.length;i++){ |
216 |
if(this.series[i].data[val]>0){ |
217 |
return this.series[i].name; |
218 |
} |
219 |
} |
220 |
} |
221 |
return "-"; |
222 |
},resizeChart:function(dim){ |
223 |
var w=Math.max(dim.w,this.minWidth); |
224 |
var h=Math.max(dim.h,this.minHeight); |
225 |
this.resize(w,h);
|
226 |
}}); |
227 |
})(); |
228 |
} |