繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 一个XML格式数据转换为图表的例子
- Javascript
- IE8 原生JSON支持
- iframe 自适应高度[在IE6 IE7 FF下测试通过]
- javascript 清除输入框中的数据
- IE和FireFox(FF)中js和css的不同
- JavaScript asp.net 获取当前超链接中的文本
- 用JavaScript页面不刷新时全选择，全删除（GridView）
- JavaScript获取GridView选择的行内容
- javaScript 读取和设置文档元素的样式属性
- js select 控制实现代码
- javascript 类方法定义还是有点区别
- jQuery 绝对入门
- 网页开发中的容易忽略的问题 javascript HTML中的table
- childNodes 用法两例
- js 只能输入数字和小数点的文本框改进版
- javascript 09年最新版的省市联动
- jquery 实现的全选和反选
- js 拖拽翻页实现代码
- 保证JavaScript和Asp、Php等后端程序间传值编码统一
- JavaScript 无符号右移赋值操作
- JavaScript 无符号右移运算符
Javascript 中的 一个XML格式数据转换为图表的例子
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-02-27 浏览: 275 ::
收藏到网摘: n/a
这个例子使用的是转换为VML的语法，换成其他如SVG的语法，就可以转换成为SVG图形，单元数量可以任意加。 源文档
模板文档（这里收缩了js代码，代码放在CDATA段里）
| 源文档 |
|
| 模板文档（这里收缩了js代码，代码放在CDATA段里） |
 |
| 结果 |
 |
其实还有更多已经完成的例子，包括生成单位树（支持动态获取数据并生成节点列表），生成编辑界面（可更新数据库）等等。
源代码在一个大的类库里面，需要提取修改后再发，以便独立使用。
对于这种转换方式，请朋友们发表高见，不吝赐教。
ps.效率还凑合，生成（转换）并显示（innerHTML）出这个饼图，有瞬间5%的CPU占用率。我的机器T2080 1.73GHz，2G 667内存。转换代码很早的时候在FF1.07和opera8.5下测试通过，后来做了部分改动（非核心），应该没有失去兼容性。颜色方面，应该有更好的方法生成区分度较高的颜色，现在的方法生成的颜色有些太相近。
评论 (0) All
