<!DOCTYPE html>
<
html
>
<
head
>
<
meta
charset
=
"UTF-8"
>
<
title
>Insert title here</
title
>
<
script
type
=
"text/javascript"
src
=
"../js/jiUtil.js"
></
script
>
<
script
type
=
"text/javascript"
src
=
"../js/FusionCharts.js"
></
script
>
<
script
type
=
"text/javascript"
>
function calc() {
var ups=new Array(1000,2000,3000);
for ( var i = 0; i <
ups.length
; i++) {
draw(ups[i], "graphicDiv"+i);
}
}
function draw(up, name) {
//测试自定义StringBuffer和字符串拼接的效率
var
sbTimes
=
new
Array();
var
stTimes
=
new
Array();
var
range
=
new
Array();
for ( var
i
=
0
; i < 20; i++) {
range[i] = 10000 +i* up;
}
for ( var
i
=
0
; i < range.length; i++) {
StringBuffer
sb
=
new
StringBuffer();
var
start
=
new
Date().getTime();
var
st
=
""
;
for ( var
j
=
0
; j < range[i]; j++) {
st += j;
}
var
end
=
new
Date().getTime();
stTimes.push(end - start);
for ( var
j
=
0
; j < range[i]; j++) {
sb.append(j);
}
start
=
new
Date().getTime();
sb.toString();
end
=
new
Date().getTime();
sbTimes.push(end - start);
sb
=
null
;
}
StringBuffer
xml
=
new
StringBuffer();
xml
.append('<graph
caption
=
" string vs join() on speed"
subcaption
=
"For the month of Oct 2013"
divlinecolor
=
"F47E00"
numdivlines
=
"4"
showAreaBorder
=
"1"
areaBorderColor
=
"000000"
showNames
=
"1"
numVDivLines
=
"29"
vDivLineAlpha
=
"30"
formatNumberScale
=
"1"
rotateNames
=
"1"
>');
xml.append('<
categories
numberSuffix
=
"ms"
>');
for ( var i = 0; i <
range.length
; i++) {
xml.append('<category
name
=
"'+range[i]+'"
/> ');
}
xml.append('</
categories
>');
xml
.append('<
dataset
seriesname
=
"String"
color
=
"FF5904"
showValues
=
"0"
areaAlpha
=
"50"
showAreaBorder
=
"1"
areaBorderThickness
=
"2"
areaBorderColor
=
"FF0000"
>');
for ( var i = 0; i <
stTimes.length
; i++) {
xml.append('<set
value
=
"'+stTimes[i]+'"
/>');
}
xml.append('</
dataset
>');
xml
.append('<
dataset
seriesname
=
"StringBuffer"
color
=
"99cc99"
showValues
=
"0"
areaAlpha
=
"50"
showAreaBorder
=
"1"
areaBorderThickness
=
"2"
areaBorderColor
=
"006600"
>');
for ( var i = 0; i <
sbTimes.length
; i++) {
xml.append('<set
value
=
"'+sbTimes[i]+'"
/>');
}
xml.append('</
dataset
>');
xml.append('</
graph
>');
var dataXml = xml.toString();
var fcf = new FusionCharts("FCF_MSArea2D.swf", "t_msa2d_" + up, 960,
680);
fcf.setDataXML(dataXml);
fcf.render(name);
}
</
script
>
</
head
>
<
body
<div
id
=
"graphicDiv0"
align
=
"center"
></
div
>
<
div
id
=
"graphicDiv1"
align
=
"center"
></
div
>
<
div
id
=
"graphicDiv2"
align
=
"center"
></
div
>
</
body
>
</
html
>