繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 一个XML格式数据转换为图表的例子
- Javascript
- jquery 交替为表格添加样式的代码
- jquery下操作HTML控件的实现代码
- JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合
- 海量经典的jQuery插件集合
- JavaScript获取鼠标坐标的函数（兼容IE、FireFox、Chrome）
- JavaScript关于select的相关操作说明
- jQuery的一些特性和用法整理小结
- 用jQuery扩展自写的 UI导航
- JQuery 引发两次$(document.ready)事件
- javascript实现的基于金山词霸网络翻译的代码
- Span元素的width属性无效果原因及解决方案
- javascript 不间断的图片滚动并可点击
- 利用onresize使得div可以随着屏幕大小而自适应的代码
- extjs 为某个事件设置拦截器
- javascript 构建一个xmlhttp对象池合理创建和使用xmlhttp对象
- javascript 特性检测并非浏览器检测
- 20个非常有用的PHP类库 加速php开发
- 前淘宝前端开发工程师阿当的PPT中有JS技术理念问题
- AJAX的跨域与JSONP(为文章自动添加短址的功能)
- JavaScript学习笔记（十）
Javascript 中的 一个XML格式数据转换为图表的例子
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-02-27 浏览: 380 ::
收藏到网摘: n/a
这个例子使用的是转换为VML的语法，换成其他如SVG的语法，就可以转换成为SVG图形，单元数量可以任意加。 源文档
模板文档（这里收缩了js代码，代码放在CDATA段里）
| 源文档 |
|
| 模板文档（这里收缩了js代码，代码放在CDATA段里） |
 |
| 结果 |
 |
其实还有更多已经完成的例子，包括生成单位树（支持动态获取数据并生成节点列表），生成编辑界面（可更新数据库）等等。
源代码在一个大的类库里面，需要提取修改后再发，以便独立使用。
对于这种转换方式，请朋友们发表高见，不吝赐教。
ps.效率还凑合，生成（转换）并显示（innerHTML）出这个饼图，有瞬间5%的CPU占用率。我的机器T2080 1.73GHz，2G 667内存。转换代码很早的时候在FF1.07和opera8.5下测试通过，后来做了部分改动（非核心），应该没有失去兼容性。颜色方面，应该有更好的方法生成区分度较高的颜色，现在的方法生成的颜色有些太相近。
评论 (0) All
