一个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 相关文章推荐
javascript语言结构小记(一)
Sep 10 Javascript
利用js实现选项卡的特别效果的实例
Mar 03 Javascript
javascript操作符"!~"详解
Feb 10 Javascript
jQuery搜索同辈元素方法
Feb 10 Javascript
js实现的彩色方块飞舞奇幻效果
Jan 27 Javascript
jQuery EasyUI datagrid在翻页以后仍能记录被选中行的实现代码
Aug 15 Javascript
ES6新特征数字、数组、字符串
Oct 01 Javascript
vue 全选与反选的实现方法(无Bug 新手看过来)
Feb 09 Javascript
node下使用UglifyJS压缩合并JS文件的方法
Mar 07 Javascript
深入理解与使用keep-alive(配合router-view缓存整个路由页面)
Sep 25 Javascript
微信小程序实现预览图片功能
Oct 22 Javascript
jQuery事件绑定和解绑、事件冒泡与阻止事件冒泡及弹出应用示例
May 13 jQuery
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读取30天之内的根据算法排序的代码
2008/04/06 PHP
PHP 第二节 数据类型之数组
2012/04/28 PHP
php输入流php://input使用浅析
2014/09/02 PHP
PHP链接MySQL的常用扩展函数
2014/10/23 PHP
PHP页面输出时js设置input框的选中值
2016/09/30 PHP
laravel 字段格式化 modle 字段类型转换方法
2019/09/30 PHP
js 解决“options为空或不是对象”
2008/12/22 Javascript
jquery 日期分离成年月日的代码
2010/05/14 Javascript
javascript通过class来获取元素实现代码
2013/02/20 Javascript
jQuery拖拽 & 弹出层 介绍与示例
2013/12/27 Javascript
js 动态为textbox添加下拉框数据源的方法
2014/04/24 Javascript
详解页面滚动值scrollTop在FireFox与Chrome浏览器间的兼容问题
2015/12/03 Javascript
详解JavaScript中基于原型prototype的继承特性
2016/05/05 Javascript
Bootstrap前端开发案例二
2016/06/17 Javascript
JavaScript自学笔记(必看篇)
2016/06/23 Javascript
浅谈Vue的基本应用
2016/12/27 Javascript
vue页面加载闪烁问题的解决方法
2018/03/28 Javascript
使用sklearn之LabelEncoder将Label标准化的方法
2018/07/11 Python
Python编程深度学习计算库之numpy
2018/12/28 Python
详解pyinstaller selenium python3 chrome打包问题
2019/10/18 Python
python如何实现不用装饰器实现登陆器小程序
2019/12/14 Python
django中的数据库迁移的实现
2020/03/16 Python
Python生成随机验证码代码实例解析
2020/06/09 Python
pip 20.3 新版本发布!即将抛弃 Python 2.x(推荐)
2020/12/16 Python
Python 生成短8位唯一id实战教程
2021/01/13 Python
Python 图片处理库exifread详解
2021/02/25 Python
纯css3使用vw和vh实现自适应的方法
2018/02/09 HTML / CSS
英国户外玩具儿童游乐设备网站:TP Toys(蹦床、攀爬框架、秋千、滑梯和游戏屋)
2018/04/09 全球购物
Crabtree & Evelyn欧盟:豪华洗浴、身体和护发
2021/03/09 全球购物
英国时尚和家居用品零售商:Matalan
2021/02/28 全球购物
毕业生个人的自我评价优秀范文
2013/10/03 职场文书
公司业务主管岗位职责
2013/12/07 职场文书
2014年辅导员工作总结
2014/11/18 职场文书
2015年感恩母亲节的演讲稿
2015/03/18 职场文书
学生检讨书范文
2019/06/24 职场文书
七年级作文之环保作文
2019/10/17 职场文书