当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 一个XML格式数据转换为图表的例子

Javascript
仿校内登陆框，精美，给那些很厉害但是没有设计天才的程序员
javascript call和apply方法
createElement动态创建HTML对象脚本代码
javascript getElementById 使用方法及用法
javascript脚本调试方法小结
Document和Document.all区别分析
Javascript 对象的解释
javascript 随意拖动的小方块特效
Javascript 陷阱 window全局对象
Javascript hasOwnProperty 方法 & in 关键字
Javascript 构造函数 实例分析
javascript replace()方法的简单分析
javascript 尚未实现错误解决办法
js 对象外部访问或者调用问题
JavaScript模拟下拉菜单代码
js获取鼠标位置杂谈附多浏览器兼容代码
JS获得鼠标位置（兼容多浏览器ie,firefox）IT学习网修正版
JS 自动安装exe程序
javascript 动态添加事件代码
Js callBack 返回前一页的js方法

No. « 118 119 120 121 »

技术文章搜索

关键字

Javascript 中的 一个XML格式数据转换为图表的例子

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2010-02-27   浏览: 435 ::
收藏到网摘: n/a

这个例子使用的是转换为VML的语法，换成其他如SVG的语法，就可以转换成为SVG图形，单元数量可以任意加。 源文档

模板文档（这里收缩了js代码，代码放在CDATA段里）
源文档
模板文档（这里收缩了js代码，代码放在CDATA段里）
结果
这个例子使用的是转换为VML的语法，换成其他如SVG的语法，就可以转换成为SVG图形，单元数量可以任意加。
其实还有更多已经完成的例子，包括生成单位树（支持动态获取数据并生成节点列表），生成编辑界面（可更新数据库）等等。
源代码在一个大的类库里面，需要提取修改后再发，以便独立使用。
对于这种转换方式，请朋友们发表高见，不吝赐教。
ps.效率还凑合，生成（转换）并显示（innerHTML）出这个饼图，有瞬间5%的CPU占用率。我的机器T2080 1.73GHz，2G 667内存。转换代码很早的时候在FF1.07和opera8.5下测试通过，后来做了部分改动（非核心），应该没有失去兼容性。颜色方面，应该有更好的方法生成区分度较高的颜色，现在的方法生成的颜色有些太相近。