纯ASP结合VML生成完美图-柱图
发表于:2007-06-30来源:作者:点击数:
标签:
% dim total(7,2) total(1,1)=200 total(2,1)=800 total(3,1)=1000 total(4,1)=600 total(5,1)=1222 total(6,1)=3213 total(7,1)=8 total(1,2)=中国经营报 total(2,2)=招聘网 total(3,2)=51Job total(4,2)=新民晚报 total(5,2)=新闻晚报 total(6,2)=南方周末
<%
dim total(7,2)
total(1,1)=200
total(2,1)=800
total(3,1)=1000
total(4,1)=600
total(5,1)=1222
total(6,1)=3213
total(7,1)=8
total(1,2)="中国经营报"
total(2,2)="招聘网"
total(3,2)="51Job"
total(4,2)="新民晚报"
total(5,2)="
新闻晚报"
total(6,2)="南方周末"
total(7,2)="羊城晚报"
total_no=7
%>
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<!--[if !mso]>
<style>
v\:* { behavior: url(#default#VML) }
o\:* { behavior: url(#default#VML) }
.shape { behavior: url(#default#VML) }
</style>
<![endif]-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title></title>
<style>
TD { FONT-SIZE: 9pt}
</style></head>
<body topmargin=5 leftmargin=0 scroll=AUTO>
<%call table1(total,200,20,20,30,400,200,"A")%>
<%call table1(total,200,320,20,20,400,250,"B")%>
</body>
</html>
<%
function table1(total,table_x,table_y,thickness,table_width,all_width,all_height,table_type)
‘’参数含义(传递的数组,横坐标,纵坐标,柱子的厚度,柱子的宽度,图表的宽度,图表的高度,图表的类型)
‘’纯ASP代码生成图表函数1——柱状图
‘’作者:龚鸣(Passwordgm) QQ:25968152 MSN:passwordgm@sina.com Email:passwordgm@sina.com
‘’本人非常愿意和ASP,VML,FLASH的爱好者在HTTP://topclouds.126.com进行交流和探讨
‘’版本2.0 最后修改日期 2003-7-22
‘’非常感谢您使用这个函数,请您使用和转载时保留版权信息,这是对作者工作的最好的尊重。
dim tb_color(7,2)
tb_color(1,1)="#d1ffd1"
tb_color(2,1)="#ffbbbb"
tb_color(3,1)="#ffe3bb"
tb_color(4,1)="#cff4f3"
tb_color(5,1)="#d9d9e5"
tb_color(6,1)="#ffc7ab"
tb_color(7,1)="#ecffb7"
tb_color(1,2)="#00ff00"
tb_color(2,2)="#ff0000"
tb_color(3,2)="#ff9900"
tb_color(4,2)="#33
clearcase/" target="_blank" >cccc"
tb_color(5,2)="#666699"
tb_color(6,2)="#993300"
tb_color(7,2)="#99cc00"
line_color="#69f"
left_width=70
length=thickness/2
total_no=ubound(total,1)
temp1=0
for i=1 to total_no
if temp1<total(i,1) then temp1=total(i,1)
next
temp1=int(temp1)
if temp1>9 then
temp2=mid(cstr(temp1),2,1)
if temp2>4 then
temp3=(int(temp1/(10^(len(cstr(temp1))-1)))+1)*10^(len(cstr(temp1))-1)
else
temp3=(int(temp1/(10^(len(cstr(temp1))-1)))+0.5)*10^(len(cstr(temp1))-1)
end if
else
if temp1>4 then temp3=10 else temp3=5
end if
temp4=temp3
response.write "<!--[if gte vml 1]><v:rect id=‘’_x0000_s1027‘’ alt=‘’‘’ style=‘’position:absolute;left:"&table_x+left_width&"px;top:"&table_y&"px;width:"&all_width&"px;height:"&all_height&"px;z-index:-1‘’ fillcolor=‘’#9cf‘’ stroked=‘’f‘’><v:fill rotate=‘’t‘’ angle=‘’-45‘’ focus=‘’100%‘’ type=‘’gradient‘’/></v:rect><![endif]-->"
response.write "<!--[if gte vml 1]><v:line id=‘’_x0000_s1027‘’ alt=‘’‘’ style=‘’position:absolute;left:0;text-align:left;top:0;flip:y;z-index:-1‘’ from=‘’"&table_x+left_width&"px,"&table_y+all_height&"px‘’ to=‘’"&table_x+all_width+left_width&"px,"&table_y+all_height&"px‘’/><![endif]-->"
response.write "<!--[if gte vml 1]><v:line id=‘’_x0000_s1027‘’ alt=‘’‘’ style=‘’position:absolute;left:0;text-align:left;top:0;flip:y;z-index:-1‘’ from=‘’"&table_x+left_width&"px,"&table_y&"px‘’ to=‘’"&table_x+left_width&"px,"&table_y+all_height&"px‘’/><![endif]-->"
select case table_type
case "A"
table_space=(all_width-table_width*total_no)/total_no
response.write "<!--[if gte vml 1]><v:line id=‘’_x0000_s1027‘’ alt=‘’‘’ style=‘’position:absolute;left:0;text-align:left;top:0;flip:y;z-index:-1‘’ from=‘’"&table_x+left_width+length&"px,"&table_y&"px‘’ to=‘’"&table_x+left_width+length&"px,"&table_y+all_height-length&"px‘’ strokecolor=‘’"&line_color&"‘’/><![endif]-->"
for i=0 to all_height-1 step all_height/5
response.write "<!--[if gte vml 1]><v:line id=‘’_x0000_s1027‘’ alt=‘’‘’ style=‘’position:absolute;left:0;text-align:left;top:0;flip:y;z-index:-1‘’ from=‘’"&table_x+left_width&"px,"&table_y+all_height-length-i&"px‘’ to=‘’"&table_x+left_width+length&"px,"&table_y+all_height-i&"px‘’ strokecolor=‘’"&line_color&"‘’/><![endif]-->"
response.write "<!--[if gte vml 1]><v:line id=‘’_x0000_s1027‘’ alt=‘’‘’ style=‘’position:absolute;left:0;text-align:left;top:0;flip:y;z-index:-1‘’ from=‘’"&table_x+left_width+length&"px,"&table_y+all_height-length-i&"px‘’ to=‘’"&table_x+all_width+left_width&"px,"&table_y+all_height-length-i&"px‘’ strokecolor=‘’"&line_color&"‘’/><![endif]-->"
response.write "<!--[if gte vml 1]><v:line id=‘’_x0000_s1027‘’ alt=‘’‘’ style=‘’position:absolute;left:0;text-align:left;top:0;flip:y;z-index:-1‘’ from=‘’"&table_x+(left_width-15)&"px,"&table_y+i&"px‘’ to=‘’"&table_x+left_width&"px,"&table_y+i&"px‘’/><![endif]-->"
response.write "<!--[if gte vml 1]>"
response.write "<v:shape id=‘’_x0000_s1025‘’ type=‘’#_x0000_t202‘’ alt=‘’‘’ style=‘’position:absolute;left:"&table_x&"px;top:"&table_y+i&"px;width:"&left_width&"px;height:18px;z-index:1‘’>"
response.write "<v:textbox inset=‘’0px,0px,0px,0px‘’><table cellspacing=‘’3‘’ cellpadding=‘’0‘’ width=‘’100%‘’ height=‘’100%‘’><tr><
td align=‘’right‘’>"&temp4&"</td></tr></table></v:textbox></v:shape><![endif]-->"
temp4=temp4-temp3/5
next
for i=1 to total_no
temp_space=table_x+left_width+table_space/2+table_space*(i-1)+table_width*(i-1)
response.write "<v:rect id=‘’_x0000_s1025‘’ alt=‘’‘’ style=‘’position:absolute;left:"
response.write temp_space
response.write "px;top:"
response.write table_y+all_height*(1-(total(i,1)/temp3))
response.write "px;width:"&table_width&"px;height:"&all_height*(total(i,1)/temp3)&"px;z-index:1‘’ fillcolor=‘’"&tb_color(i,2)&"‘’>"
response.write "<v:fill color2=‘’"&tb_color(i,1)&"‘’ rotate=‘’t‘’ type=‘’gradient‘’/>"
response.write "<o:extrusion v:ext=‘’view‘’ backdepth=‘’"&thickness&"pt‘’ color=‘’"&tb_color(i,2)&"‘’ on=‘’t‘’/>"
response.write "</v:rect>"
response.write "<v:shape id=‘’_x0000_s1025‘’ type=‘’#_x0000_t202‘’ alt=‘’‘’ style=‘’position:absolute;left:"&temp_space&"px;top:"&table_y+all_height*(1-(total(i,1)/temp3))-table_width&"px;width:"&table_space+15&"px;height:18px;z-index:1‘’>"
response.write "<v:textbox inset=‘’0px,0px,0px,0px‘’><table cellspacing=‘’3‘’ cellpadding=‘’0‘’ width=‘’100%‘’ height=‘’100%‘’><tr><td align=‘’center‘’>"&total(i,1)&"</td></tr></table></v:textbox></v:shape>"
response.write "<v:shape id=‘’_x0000_s1025‘’ type=‘’#_x0000_t202‘’ alt=‘’‘’ style=‘’position:absolute;left:"&temp_space-table_space/2&"px;top:"&table_y+all_height+1&"px;width:"&table_space+table_width&"px;height:18px;z-index:1‘’>"
response.write "<v:textbox inset=‘’0px,0px,0px,0px‘’><table cellspacing=‘’3‘’ cellpadding=‘’0‘’ width=‘’100%‘’ height=‘’100%‘’><tr><td align=‘’center‘’>"&total(i,2)&"</td></tr></table></v:textbox></v:shape>"
next
Case "B"
table_space=(all_height-table_width*total_no)/total_no
temp4=temp3/5
response.write "<!--[if gte vml 1]><v:line id=‘’_x0000_s1027‘’ alt=‘’‘’ style=‘’position:absolute;left:0;text-align:left;top:0;flip:y;z-index:-1‘’ from=‘’"&table_x+left_width+length&"px,"&table_y+all_height-length&"px‘’ to=‘’"&table_x+left_width+all_width&"px,"&table_y+all_height-length&"px‘’ strokecolor=‘’"&line_color&"‘’/><![endif]-->"
for i=0 to all_width-1 step all_width/5
response.write "<!--[if gte vml 1]><v:line id=‘’_x0000_s1027‘’ alt=‘’‘’ style=‘’position:absolute;left:0;text-align:left;top:0;flip:y;z-index:-1‘’ from=‘’"&table_x+left_width+i&"px,"&table_y+all_height-length&"px‘’ to=‘’"&table_x+left_width+length+i&"px,"&table_y+all_height&"px‘’ strokecolor=‘’"&line_color&"‘’/><![endif]-->"
response.write "<!--[if gte vml 1]><v:line id=‘’_x0000_s1027‘’ alt=‘’‘’ style=‘’position:absolute;left:0;text-align:left;top:0;flip:y;z-index:-1‘’ from=‘’"&table_x+left_width+length+i&"px,"&table_y+all_height-length&"px‘’ to=‘’"&table_x+left_width+length+i&"px,"&table_y&"px‘’ strokecolor=‘’"&line_color&"‘’/><![endif]-->"
response.write "<!--[if gte vml 1]><v:line id=‘’_x0000_s1027‘’ alt=‘’‘’ style=‘’position:absolute;left:0;text-align:left;top:0;flip:y;z-index:-1‘’ from=‘’"&table_x+left_width+i+all_width/5&"px,"&table_y+all_height&"px‘’ to=‘’"&table_x+left_width+i+all_width/5&"px,"&table_y+all_height+15&"px‘’/><![endif]-->"
response.write "<!--[if gte vml 1]>"
response.write "<v:shape id=‘’_x0000_s1025‘’ type=‘’#_x0000_t202‘’ alt=‘’‘’ style=‘’position:absolute;left:"&table_x+left_width+i+all_width/5-left_width&"px;top:"&table_y+all_height&"px;width:"&left_width&"px;height:18px;z-index:1‘’>"
response.write "<v:textbox inset=‘’0px,0px,0px,0px‘’><table cellspacing=‘’3‘’ cellpadding=‘’0‘’ width=‘’100%‘’ height=‘’100%‘’><tr><td align=‘’right‘’>"&temp4&"</td></tr></table></v:textbox></v:shape><![endif]-->"
temp4=temp4+temp3/5
next
for i=1 to total_no
temp_space=table_space/2+table_space*(i-1)+table_width*(i-1)
response.write "<v:rect id=‘’_x0000_s1025‘’ alt=‘’‘’ style=‘’position:absolute;left:"
response.write table_x+left_width
response.write "px;top:"
response.write table_y+temp_space
response.write "px;width:"&all_width*(total(i,1)/temp3)&"px;height:"&table_width&"px;z-index:1‘’ fillcolor=‘’"&tb_color(i,2)&"‘’>"
response.write "<v:fill color2=‘’"&tb_color(i,1)&"‘’ rotate=‘’t‘’ angle=‘’-90‘’ focus=‘’100%‘’ type=‘’gradient‘’/>"
response.write "<o:extrusion v:ext=‘’view‘’ backdepth=‘’"&thickness&"pt‘’ color=‘’"&tb_color(i,2)&"‘’ on=‘’t‘’/>"
response.write "</v:rect>"
response.write "<v:shape id=‘’_x0000_s1025‘’ type=‘’#_x0000_t202‘’ alt=‘’‘’ style=‘’position:absolute;left:"&table_x+left_width+all_width*(total(i,1)/temp3)+thickness/2&"px;top:"&table_y+temp_space&"px;width:"&table_space+15&"px;height:18px;z-index:1‘’>"
response.write "<v:textbox inset=‘’0px,0px,0px,0px‘’><table cellspacing=‘’3‘’ cellpadding=‘’0‘’ width=‘’100%‘’ height=‘’100%‘’><tr><td align=‘’center‘’>"&total(i,1)&"</td></tr></table></v:textbox></v:shape>"
response.write "<v:shape id=‘’_x0000_s1025‘’ type=‘’#_x0000_t202‘’ alt=‘’‘’ style=‘’position:absolute;left:"&table_x&"px;top:"&table_y+temp_space&"px;width:"&left_width&"px;height:18px;z-index:1‘’>"
response.write "<v:textbox inset=‘’0px,0px,0px,0px‘’><table cellspacing=‘’3‘’ cellpadding=‘’0‘’ width=‘’100%‘’ height=‘’100%‘’><tr><td align=‘’right‘’>"&total(i,2)&"</td></tr></table></v:textbox></v:shape>"
next
case else
end select
end function
%>
原文转自:http://www.ltesting.net