使用 Vml 制作立体柱状投票统计图的完整程序

原创 2004年10月27日 19:34:00

 

 

 

作者:lshdic   http://blog.csdn.net/lshdic/

<!--以下便是完整的 Js+Vml 制作柱状投票统计图的完整程序,保存为HTM文件运行即可看到效果
其中 array数组中的分组可以为6个也可以为2,3,4,5个等,运行以下程序需要您的浏览器支持VML
改编为ASP文件则new Array(<%=rs(0)>,<%=rs(1)>,<%=rs(2)>,<%=rs(3)>,<%=rs(4)>,<%=rs(5)>)即可
-->
<HTML xmlns:v>
<HEAD>
<META http-equiv="Content-Type" content="text/html; Charset=gb2312">
<META name="GENERATOR" content="网络程序员伴侣-Lshdic 2002">
<TITLE>蓝丽民意调查</TITLE>
<STYLE>
td{font-size:12px}
body{font-size:12px}
v/:*{behavior:url(#default#VML);} //这里声明了v作为VML公用变量
</STYLE>
</HEAD>
<body bgcolor=eeeeee style='border:0 solid eeeeee'><center>共有<font color=red>69</font>人参与过投票<br>

<script>
array1=new Array(16,14,10,16,5,8) //不同的投票票数
allstr=array1[0]+array1[1]+array1[2]+array1[3]+array1[4]+array1[5] //得到总数
for(i=0;i<=5;i++){
mathstr=Math.round(100/(allstr/array1[i])) //求百分之几, 100/(总和/单个)
document.write ("<v:rect fillcolor='lime' style='width:20;color:navy;height:"+5000/(1000/mathstr)+"'><br>&nbsp;%"+mathstr+"<br>"+array1[i]+"人<v:Extrusion backdepth='15pt' on='true'/></v:rect>")
}
</script>
<p>
<table width=190><Tr><Td>
增加新的栏目版块</td><Td>16人</td></tr><tr><td>
完善娱乐视听</td><Td>14人</td></tr><tr><td>
完善技术文章</td><Td>10人</td></tr><tr><td>
完善下载中心</td><Td>16人</td></tr><tr><td>
完善在线工具</td><Td>5人</td></tr><tr><td>
完善程式交流论坛</td><Td>8人</td></tr></table><p>
<a href='javascript:self.close()' style='text-Decoration:none;'>〖关闭窗口〗</a><p>
<A href='http://www.lshdic.com' target='_blank'>http://www.lshdic.com</a> Work by 02/12/01
</BODY>
</HTML>

版权声明:本文为博主原创文章,未经博主允许不得转载。

投票系统(带柱状图)

投票系统 包含四个方面:投票主题添加/投票主题查询/投票/投票结果 关键代码: using System; using System.Data; using System.Configura...
  • lovegonghui
  • lovegonghui
  • 2015年11月16日 13:30
  • 687

制作柱状投票统计图的完整程序

  • zgqtxwd
  • zgqtxwd
  • 2008年05月01日 06:25
  • 185

采用 ajax + vml 制作一个柱状图报表

备份一个有意思的小东西:动态柱状图,采用ajax + vml。vml是微软在IE5中就支持的矢量图技术。采用xml的格式来生成矢量图,这为我们在页面上生成高质量的图像提供了很好的支持。另:虽然SVG很...
  • lcllcl987
  • lcllcl987
  • 2007年05月17日 16:15
  • 1824

iOS开发 - 统计图的绘制

iOS统计图形的绘制方法
  • skylin19840101
  • skylin19840101
  • 2015年12月21日 17:17
  • 781

Android:使用canvas绘柱状统计图(自动计算宽高及分度值、可左右滑动)

Android:使用canvas绘制柱状统计图(自适应高度、自动计算分度值、可左右滑动) 特点: 1.根据数据源自动计算每个条目的高度、宽度、间距,自动计算分度值。 2.当条目数较多时,可左右滑动查看...
  • books1958
  • books1958
  • 2015年01月22日 13:19
  • 3510

Android自定义View------柱状统计图

关于自定义View,相信多数开发者都已经非常熟悉了,网络上的例子也非常多,各种炫酷吊炸天的自定义View也层出不穷。本文只是一个初级学习教程,对于初学者有参考价值。 下面正式进入主题。 本文采用自定义...
  • yangysng07
  • yangysng07
  • 2015年05月03日 17:11
  • 4214

用Excel做一个简易的投票工具

想要写一个博客也有很久了,
  • liyi5133
  • liyi5133
  • 2014年10月20日 14:40
  • 543

Android 柱状图 统计图的实现

效果图如下:实现步骤:布局和jar包相关借鉴此文章核心代码:public class MounthOrderActivity extends BaseActivity { private Lin...
  • u010838785
  • u010838785
  • 2017年01月04日 14:08
  • 2733

Excel如何直接根据数据画出统计图

给定一组数据,如何来用excel画出其柱状分布图呢? 如下数据: 120 121 122 125 130...
  • u012512762
  • u012512762
  • 2014年12月29日 15:27
  • 1923

简单 的 js 投票页面

一、js柱状投票图 效果图: 实现代码: ? html xmlns="http://www.w3.o...
  • NiuDaWang_
  • NiuDaWang_
  • 2017年10月11日 22:39
  • 161
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:使用 Vml 制作立体柱状投票统计图的完整程序
举报原因:
原因补充:

(最多只允许输入30个字)