您的位置：首页 > 其它

VML画柱状图、并图、折线图的封装

2006-05-08 08:44 246 查看

/* 3D统计图绘图类
功能：根据表格数据绘制统计图
作者：LiuZXIT
完成：2003/9/10
备注：在IE6下测试成功
局限性：1.只能针对于单一二维行列式规则TABLE进行绘制
2.TABLE内容必须有左标题和上标题，并且右下部分都必须是数据区
不足：没有支持动态定制数据源，例如用一个XML数据包，有些文字太长会出现显示不好

注意点：
1.htm页面必需包含以下内容
<HTML xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
2.饼形图和柱状图只能针对一行或一列数据，所以在勾选多行或多列时，只会绘制出勾选的最上面行或最左边列
*/
</script>
=============JsVML.htm================
<HTML xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<HEAD>
</STYLE>
<script language="javascript" src="JsVml.js"></script>
</head>
<body>
<table id="tblData" width="60%" border="1" cellpadding="0">
<tr>
<th>年份</th><th>第一2季</th><th>第二4季</th><th>第三季</th><th>第四季</th><th>平均</th>
</tr>
<tr>
<td align="center">1998</td>
<td align="right">2400</td><td align="right">1277</td>
<td align="right">3670</td><td align="right">3176</td>
<td align="right">3176</td>
</tr>
<tr>
<td align="center">1999</td>
<td align="right">2215</td><td align="right">1021</td>
<td align="right">1841</td><td align="right">1952</td>
<td align="right">2215</td>
</tr>
<tr>
<td align="center">2000</td>
<td align="right">1964</td><td align="right">2746</td>
<td align="right">1248</td><td align="right">1878</td>
<td align="right">3670</td>
</tr>
<tr>
<td align="center">2001</td>
<td align="right">2254</td><td align="right">1876</td>
<td align="right">2486</td><td align="right">2000</td>
<td align="right">3670</td>
</tr>
<tr>
<td align="center">2002</td>
<td align="right">2487</td><td align="right">2348</td>
<td align="right">2345</td><td align="right">2456</td>
<td align="right">3670</td>
</tr>
</table>

<div id="tDraw" style="width:600;height:400;overflow:auto;"></div>

</script>

转自csdn 效果可以在这看...
http://vbb.iecn.net/showthread.php?threadid=14724

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航