`

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

阅读更多

 

 

 

作者: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>

分享到:
评论

相关推荐

    vml实现的柱状图 饼状图,很绚丽 饼状图

    vml实现的柱状图,饼状图,很绚丽,不需要其他东西支持,易用

    VML 画图 统计图、柱状图、饼图、折线图

    在"VML 画图 统计图、柱状图、饼图、折线图 Powered by MicroSystem_cn.mht"这个文件中,很可能是提供了一个使用VML实现这些图形的示例,包括具体的代码和展示效果。通过查看这个文件,你可以深入学习如何在不支持...

    使用VML在asp.net中做统计图的的绝佳示例(柱状,饼状图)--超级轻量

    在ASP.NET开发中,有时我们需要在网页上展示各种统计数据,如柱状图、饼状图等,这通常可以通过使用各种图形库或插件来实现。然而,有些情况下,我们可能希望避免引入额外的依赖,或者因为性能和轻量化的需求,选择...

    vml柱状图 vml html jquery

    VML使用XML语法,通过`&lt;v:shape&gt;`标签定义形状,如矩形,可以用来绘制柱状图的每个柱子。属性包括`id`、`style`、`coordsize`、`path`等,其中`path`用于定义图形的路径,`fillcolor`和`strokecolor`分别设置填充色...

    vml绘画的柱状图,饼图,折线图

    使用Vml绘制的柱状图,饼图,折线图,功能强大,可以满足一般的绘制需求!

    VML(js封装类 统计图代码)

    由于VML使用简单的文本来表示图像,这样就可用很少的字节来表示比较复杂的图像。VML与HTML兼容,通过在HTML中声明VML命名空间并声明处理函数,就可以和... 在此,将制作统计图的VML代码做成js类。供大家调用和参考。

    3D柱状统计图,支持旋转功能

    这个程序“3D柱状统计图,支持旋转功能”由小可编写,它能够根据XML数据动态创建具有3D效果的柱状图,并且具备视角旋转的交互功能。这样的特性使得用户可以从不同角度观察数据,从而获得更丰富的视觉体验和对数据的...

    ASP结合VML生成柱状图

    在这个场景下,"ASP结合VML生成柱状图"是指使用ASP来创建和展示基于VML(Vector Markup Language)的柱状图表。 VML是一种基于XML的矢量图形标记语言,允许在网页上绘制和显示复杂的图形,包括柱状图。在HTML文档中...

    VML统计图之直方图

    本示例"VML统计图之直方图"显然是使用了VML技术来创建直方图。以下是关于VML、JS绘图、统计图、直方图以及条形图的详细知识点: 1. **VML (Vector Markup Language)**:VML 是一个基于XML的标记语言,用于在HTML...

    VML柱状图饼图线形图

    在本主题中,我们将深入探讨如何使用VML创建柱状图、饼图和线形图。 **1. VML基础** VML是一种基于XML的语言,可以被嵌入到HTML文档中,通过定义形状、路径、填充、描边等属性来构建图形。例如,一个简单的矩形...

    js 封装VML的饼图,柱状图,折线图

    在这个特定的案例中,我们讨论的是如何使用JavaScript封装VML(Vector Markup Language)来绘制饼图、柱状图和折线图。VML是一种矢量图形格式,允许在IE浏览器中创建和展示复杂的图形,特别是在不支持SVG(Scalable ...

    javascript实现柱状图

    虽然给定的代码片段并不完整,但它提供了一些关键的实现思路和技术细节,对于理解如何使用VML和JavaScript来实现柱状图具有一定的参考价值。对于想要深入学习这一主题的开发者来说,还可以进一步探索VML的语法和特性...

    asp\asp.net统计图VML(asp版加asp.net版,含饼图、曲线图、柱图)

    在给定的资源中,"asp\asp.net统计图VML"是一个关于如何在ASP和ASP.NET中创建统计图表的教程或组件,主要涵盖了饼图、曲线图和柱图这三种常见的数据可视化形式。 VML,全称Vector Markup Language,是一种用于在...

    自制:ASP.NET利用VML绘制统计图

    在“自制:ASP.NET利用VML绘制统计图”这个主题中,我们将探讨如何利用VML技术在ASP.NET环境下生成3D饼图和3D柱状图,以实现立体视觉效果。 1. **VML介绍** VML是Visual Markup Language的缩写,它允许开发者在HTML...

    柱状图和饼图VML脚本

    总的来说,尽管现在SVG和Canvas已经成为主流的图形绘制方式,但了解如何使用VML绘制柱状图和饼图对于理解图形渲染的历史和技术演进仍然很有价值。同时,对于需要兼容旧版IE浏览器的项目,这仍然是一个实用的技能。

    js+vml打造统计图(柱状\饼\折线),带说明

    JavaScript 和 VML(Vector Markup Language)技术在网页中创建统计图表是一种早期的解决方案,尤其在SVG(Scalable Vector Graphics)在所有现代浏览器得到广泛支持之前。本教程将深入探讨如何利用这两种技术来构建...

    vml+javascript实现的3d柱状图(仅适用于ie)

    总的来说,使用VML和JavaScript实现的3D柱状图是一种针对IE浏览器的可视化方法。虽然现代浏览器已经不再依赖于VML,但了解这种技术的历史和应用可以帮助我们理解Web发展过程中的不同解决方案,同时也能启发我们在不...

    js_vml_饼图__柱状图_曲线图

    以上内容详细介绍了如何使用JavaScript和VML来绘制柱状图、饼图和曲线图的方法。通过对数据准备和绘制过程的具体说明,我们不仅了解了图表的基本构成要素,还掌握了利用JavaScript脚本来动态生成这些图表的技术细节...

    asp vml制作统计曲线图表

    在"asp vml制作统计曲线图表"的场景中,开发者通常会通过以下步骤来实现: 1. **数据获取**:首先,你需要获取到要展示的数据,这可能来自于数据库、文本文件或者任何其他数据源。在ASP中,可以使用ADO(ActiveX ...

    反编译的VML绘制统计图代码(C#类)

    在本主题中,我们关注的是如何使用C#语言进行VML绘制统计图表,如柱状图和条形图。通过反编译已有的库并结合个人经验,我们可以更深入地理解VML的底层工作原理,以便于自定义开发和学习。 首先,让我们了解一下VML...

Global site tag (gtag.js) - Google Analytics