纯ASP结合VML生成完美图-柱图

时间:2010-05-11 16:48:00 

<% 
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)="ASP之家" 
total(2,2)="招聘网" 
total(3,2)="Cidianwang.com" 
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)="#33cccc" 
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 
%>

标签:vml,柱图
0
投稿

猜你喜欢

  • 在sql Server自定义一个用户定义星期函数

    2012-02-12 15:47:28
  • Oracle 多行记录合并/连接/聚合字符串的几种方法

    2009-11-17 08:53:00
  • ASP连接11种数据库语法总结

    2007-09-29 12:07:00
  • 减少新开窗口提升可访问性

    2009-04-17 13:56:00
  • 新 API 寻求让 JavaScript 操作本地文件

    2009-11-27 18:28:00
  • 《用户体验的要素》摘记

    2008-08-04 17:59:00
  • 2009年五一劳动节logo欣赏

    2009-05-02 18:26:00
  • mssql 大小写区分方法

    2008-12-29 14:08:00
  • 如何在社区建立一个寻呼台?

    2009-11-08 18:59:00
  • Dreamweaver制作技巧四则

    2008-01-04 09:42:00
  • asp如何在网上查找链接?

    2010-06-22 21:10:00
  • asp无组件备份与还原数据库

    2007-09-24 13:19:00
  • MySQL两种表存储结构性能比较测试过程

    2007-12-09 12:45:00
  • SQL Server与Oracle数据库在查询优化上的差异

    2009-02-18 14:28:00
  • Oracle 游标使用总结

    2009-10-02 17:36:00
  • 可刷新的Div+CSS+JS二级下拉树型菜单

    2007-10-09 19:14:00
  • 如何把数据库的记录输出到表格去?

    2009-11-06 13:37:00
  • asp用正则过滤html标签

    2008-01-19 16:34:00
  • meta标签之详解

    2008-01-13 18:48:00
  • ASP同一站点下gb2312和utf-8页面传递参数乱码的终极解决方法

    2011-02-20 11:00:00
  • asp之家 网络编程 m.aspxhome.com