一个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 相关文章推荐
JS之小练习代码
Oct 12 Javascript
js form action动态修改方法
Nov 04 Javascript
动态添加js事件实现代码
Mar 12 Javascript
javascript笛卡尔积算法实现方法
Apr 08 Javascript
JS实现灵巧的下拉导航效果代码
Aug 25 Javascript
Vue.js每天必学之构造器与生命周期
Sep 05 Javascript
通过网页查看JS源码中汉字显示乱码的解决方法
Oct 26 Javascript
使用Vue.js和Flask来构建一个单页的App的示例
Mar 21 Javascript
JS定义函数的几种常用方法小结
May 23 Javascript
微信小程序实现卡片层叠滑动效果
Jun 21 Javascript
vue实现验证用户名是否可用
Jan 20 Vue.js
JavaScript中isPrototypeOf函数
Nov 07 Javascript
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 文章中的远程图片采集到本地的代码
2009/07/30 PHP
php explode函数实例代码
2012/02/27 PHP
php抓取页面的几种方法详解
2013/06/17 PHP
PHP中的多行字符串传递给JavaScript的两种方法
2014/06/19 PHP
php中运用http调用的GET和POST方法示例
2014/09/29 PHP
Laravel框架学习笔记(一)环境搭建
2014/10/15 PHP
PHP获取当前完整URL地址的函数
2014/12/21 PHP
php基于GD库画五星红旗的方法
2015/02/24 PHP
CodeIgniter记录错误日志的方法全面总结
2016/05/17 PHP
PHP中explode函数和split函数的区别小结
2016/08/24 PHP
Yii框架 session 数据库存储操作方法示例
2019/11/18 PHP
JS中style属性
2006/10/11 Javascript
使用js画图之正弦曲线
2015/01/12 Javascript
JavaScript中数据结构与算法(四):串(BF)
2015/06/19 Javascript
jquery合并表格中相同文本的相邻单元格
2015/07/17 Javascript
JavaScript实现向右伸出的多级网页菜单效果
2015/08/25 Javascript
简单实现JS对dom操作封装
2015/12/02 Javascript
基于slideout.js实现移动端侧边栏滑动特效
2016/11/28 Javascript
前端页面文件拖拽上传模块js代码示例
2017/05/19 Javascript
layui 中select下拉change事件失效的解决方法
2019/09/20 Javascript
vue data恢复初始化数据的实现方法
2019/10/31 Javascript
viewer.js一个强大的基于jQuery的图像查看插件(支持旋转、缩放)
2020/04/01 jQuery
[40:05]LGD vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
详解Python使用simplejson模块解析JSON的方法
2016/03/24 Python
python Pygame的具体使用讲解
2017/11/03 Python
python导入模块交叉引用的方法
2019/01/19 Python
python实现网页自动签到功能
2019/01/21 Python
Python3+PyInstall+Sciter解决报错缺少dll、html等文件问题
2019/07/15 Python
Python如何调用外部系统命令
2019/08/07 Python
基于python 取余问题(%)详解
2020/06/03 Python
Python在字符串中处理html和xml的方法
2020/07/31 Python
Python虚拟环境virtualenv创建及使用过程图解
2020/12/08 Python
西班牙香水和化妆品网上商店:Douglas
2017/10/29 全球购物
党员转正意见怎么写
2015/06/03 职场文书
2015重阳节敬老活动总结
2015/07/29 职场文书
2016教师学习教育法心得体会
2016/01/19 职场文书