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


Posted in Javascript onFebruary 09, 2010

源文档
一个XML格式数据转换为图表的例子
模板文档(这里收缩了js代码,代码放在CDATA段里)

源文档
模板文档(这里收缩了js代码,代码放在CDATA段里)
结果
这个例子使用的是转换为VML的语法,换成其他如SVG的语法,就可以转换成为SVG图形,单元数量可以任意加。

其实还有更多已经完成的例子,包括生成单位树(支持动态获取数据并生成节点列表),生成编辑界面(可更新数据库)等等。

源代码在一个大的类库里面,需要提取修改后再发,以便独立使用。

对于这种转换方式,请朋友们发表高见,不吝赐教。

ps.效率还凑合,生成(转换)并显示(innerHTML)出这个饼图,有瞬间5%的CPU占用率。我的机器T2080 1.73GHz,2G 667内存。转换代码很早的时候在FF1.07和opera8.5下测试通过,后来做了部分改动(非核心),应该没有失去兼容性。颜色方面,应该有更好的方法生成区分度较高的颜色,现在的方法生成的颜色有些太相近。

Javascript 相关文章推荐
fix-ie5.js扩展在IE5下不能使用的几个方法
Aug 20 Javascript
Javascript 异步加载详解(浏览器在javascript的加载方式)
May 20 Javascript
jquery日历控件实现方法分享
Mar 07 Javascript
javascript面向对象之访问对象属性的两种方式分析
Jan 13 Javascript
使用 JavaScript 进行函数式编程 (一) 翻译
Oct 02 Javascript
Bootstrap入门书籍之(四)菜单、按钮及导航
Feb 17 Javascript
JS给swf传参数的实现方法
Sep 13 Javascript
AngularJs上传前预览图片的实例代码
Jan 20 Javascript
JavaScript中值类型和引用类型的区别
Feb 23 Javascript
yarn的使用与升级Node.js的方法详解
Jun 04 Javascript
微信小程序仿抖音短视频切换效果的实例代码
Jun 24 Javascript
Vue中插槽slot的使用方法与应用场景详析
Jun 08 Vue.js
javascript 解析url的search方法
Feb 09 #Javascript
toString()一个会自动调用的方法
Feb 08 #Javascript
jQuery AJAX回调函数this指向问题
Feb 08 #Javascript
JavaScript Event学习第九章 鼠标事件
Feb 08 #Javascript
JavaScript 类似flash效果的立体图片浏览器
Feb 08 #Javascript
js 省地市级联选择
Feb 07 #Javascript
js 自定义的联动下拉框
Feb 07 #Javascript
You might like
php mail to 配置详解
2014/01/16 PHP
php实现简单的上传进度条
2015/11/17 PHP
Yii2实现log输出到file及database的方法
2016/11/12 PHP
PHP工厂模式的日常使用
2019/03/20 PHP
PHP创建XML的方法示例【基于DOMDocument类及SimpleXMLElement类】
2019/09/10 PHP
JavaScript实现禁止后退的方法
2006/12/27 Javascript
教你如何解密js/vbs/vbscript加密的编码异处理小结
2008/06/25 Javascript
利用onresize使得div可以随着屏幕大小而自适应的代码
2010/01/15 Javascript
JavaScript中的冒泡排序法
2016/08/03 Javascript
支持移动端原生js轮播图
2017/02/16 Javascript
MUI 解决动态列表页图片懒加载再次加载不成功的bug问题
2017/04/13 Javascript
javascript将json格式数组下载为excel表格的方法
2017/12/22 Javascript
浅析前端路由简介以及vue-router实现原理
2018/06/01 Javascript
JavaScript中Array方法你该知道的正确打开方法
2018/09/11 Javascript
vue中Element-ui 输入银行账号每四位加一个空格的实现代码
2018/09/14 Javascript
Vue组件系列开发之模态框
2019/04/18 Javascript
基于iview-admin实现动态路由的示例代码
2019/10/02 Javascript
[01:08:43]DOTA2-DPC中国联赛定级赛 Phoenix vs DLG BO3第一场 1月9日
2021/03/11 DOTA
python thread 并发且顺序运行示例
2009/04/09 Python
python实现web方式logview的方法
2015/08/10 Python
使用Python编写简单的端口扫描器的实例分享
2015/12/18 Python
使用python实现接口的方法
2017/07/07 Python
Python 读取图片文件为矩阵和保存矩阵为图片的方法
2018/04/27 Python
详解python配置虚拟环境
2019/04/08 Python
详解Python传入参数的几种方法
2019/05/16 Python
详解Python time库的使用
2019/10/10 Python
使用python去除图片白色像素的实例
2019/12/12 Python
tensorflow2.0与tensorflow1.0的性能区别介绍
2020/02/07 Python
如何理解Python中包的引入
2020/05/29 Python
python的json包位置及用法总结
2020/06/21 Python
详解修改Anaconda中的Jupyter Notebook默认工作路径的三种方式
2021/01/24 Python
matplotlib相关系统目录获取方式小结
2021/02/03 Python
惊艳的手工时装首饰:Migonne Gavigan
2018/02/23 全球购物
Linux内核的同步机制是什么?主要有哪几种内核锁
2016/07/11 面试题
办公室员工岗位工作职责
2014/03/10 职场文书
《夹竹桃》教学反思
2014/04/20 职场文书