前几天看了Jmtek 的 http://www.cnblogs.com/jmtek/archive/2006/02/23/336073.html 这篇文章,写得的确不错,控件也非常好。只是只能供我们使用 DotNet 的朋友们使用。最近在网上比较流行 AJAX 技术,于是萌生了在 AJAX 下实现这种效果的想法。最终决定采用一个文本文件作为数据源,Javascript 动态生成 VML 代码。实现后的效果还比较可以,生成的图表效果和 Jmtek 的控件效果差不多,并且能够在文本数据内容发生改变时无刷新的更新图表,更新数据也非常方便。

  这段代码的最大特点是:移植性非常好,只需将两个文件放在任意一个目录下即可运行,这样爱好 JAVA 的朋友也可实现这种效果了。

  使用说明:将代码分别保存为相应的文件,放在同一个目录下,浏览网页即可看到生成的三维图表。

  欢迎大家与我交流,我的QQ号是:512754784
       
  代码文件下载:/Files/Infinity/成绩三维报表.rar

  示例图片如下:利用Javascript 结合 VML 生成三维报表(饼图)[原创]
------------------------------------------------------------------------------------------------------------
成绩三维报表.htm
------------------------------------------------------------------------------------------------------------

利用Javascript 结合 VML 生成三维报表(饼图)[原创]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" > 
利用Javascript 结合 VML 生成三维报表(饼图)[原创]
<!--
利用Javascript 结合 VML 生成三维报表(饼图)[原创]┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
利用Javascript 结合 VML 生成三维报表(饼图)[原创]┃                               ┃
利用Javascript 结合 VML 生成三维报表(饼图)[原创]┃ 摘 要: 统计图--饼图                     ┃
利用Javascript 结合 VML 生成三维报表(饼图)[原创]┃ 作 者: 无涯                          ┃
利用Javascript 结合 VML 生成三维报表(饼图)[原创]┃ 创建日期:2006年02月28日                  ┃
利用Javascript 结合 VML 生成三维报表(饼图)[原创]┃ 完成日期:2006年02月28日                  ┃
利用Javascript 结合 VML 生成三维报表(饼图)[原创]┃                               ┃
利用Javascript 结合 VML 生成三维报表(饼图)[原创]┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ 
利用Javascript 结合 VML 生成三维报表(饼图)[原创]
-->
利用Javascript 结合 VML 生成三维报表(饼图)[原创]
<HTML xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
利用Javascript 结合 VML 生成三维报表(饼图)[原创] 
<HEAD>
利用Javascript 结合 VML 生成三维报表(饼图)[原创]  
<title></title>
利用Javascript 结合 VML 生成三维报表(饼图)[原创]  
<Meta http-equiv="Refresh" Content="3">
利用Javascript 结合 VML 生成三维报表(饼图)[原创]  
<META http-equiv="Content-Type" content="text/html; charset=utf-8">
利用Javascript 结合 VML 生成三维报表(饼图)[原创]  
<meta name="vs_defaultClientScript" content="JavaScript">
利用Javascript 结合 VML 生成三维报表(饼图)[原创]  
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">


-----------------------------------------------------------------------------------------------------------
Text.txt
-----------------------------------------------------------------------------------------------------------
王二  89
张丽  90
黄龙 99
赵云 100
马涛 100
赵力 98
------------------------------------------------------------------------------------------------------------

相关文章: