一个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 相关文章推荐
获取页面高度,窗口高度,滚动条高度等参数值getPageSize,getPageScroll
Sep 22 Javascript
js判断屏幕分辨率的代码
Jul 16 Javascript
js导出table到excel同时兼容FF和IE示例
Sep 03 Javascript
解决jquery操作checkbox火狐下第二次无法勾选问题
Feb 10 Javascript
jquery默认校验规则整理
Mar 24 Javascript
JavaScript的String字符串对象常用操作总结
May 26 Javascript
JS解决iframe之间通信和自适应高度的问题
Aug 24 Javascript
详细AngularJs4的图片剪裁组件的实例
Jul 12 Javascript
requireJS模块化实现返回顶部功能的方法详解
Oct 16 Javascript
详解vue中v-bind:style效果的自定义指令
Jan 21 Javascript
js实现简单进度条效果
Mar 25 Javascript
vue使用video插件vue-video-player的示例
Oct 03 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语言中使用json的技巧及json的实现代码详解
2015/10/27 PHP
PHP采用超长(超大)数字运算防止数字以科学计数法显示的方法
2016/04/01 PHP
CI框架(CodeIgniter)实现的导入、导出数据操作示例
2018/05/24 PHP
一个JS翻页效果
2007/07/23 Javascript
jquery offset函数应用实例
2012/11/14 Javascript
中文路径导致unitpngfix.js不正常的解决方法
2013/06/26 Javascript
页面加载完毕后滚动条自动滚动一定位置
2014/02/20 Javascript
jquery对象和javascript对象即DOM对象相互转换
2014/08/07 Javascript
javascript浏览器窗口之间传递数据的方法
2015/01/20 Javascript
JS转换HTML转义符的方法
2016/08/24 Javascript
jquery与ajax获取特殊字符实例详解
2017/01/08 Javascript
Bootstrap 响应式实用工具实例详解
2017/03/29 Javascript
详解vue-cli中的ESlint配置文件eslintrc.js
2017/09/25 Javascript
详解vue 实例方法和数据
2017/10/23 Javascript
基于axios封装fetch方法及调用实例
2018/02/05 Javascript
vue上传图片到oss的方法示例(图片带有删除功能)
2018/09/27 Javascript
在vue中根据光标的显示与消失实现下拉列表
2019/09/29 Javascript
vue.js this.$router.push获取不到params参数问题
2020/03/03 Javascript
js实现超级玛丽小游戏
2020/03/18 Javascript
[54:53]2014 DOTA2国际邀请赛中国区预选赛 LGD-GAMING VS CIS 第二场
2014/05/23 DOTA
Python实现二分查找算法实例
2015/05/26 Python
好的Python培训机构应该具备哪些条件
2018/05/23 Python
python正则表达式匹配[]中间为任意字符的实例
2018/12/25 Python
Python应用实现双指数函数及拟合代码实例
2020/06/19 Python
PyQt5多线程防卡死和多窗口用法的实现
2020/09/15 Python
详解Java中一维、二维数组在内存中的结构
2021/02/11 Python
导出HTML5 Canvas图片并上传服务器功能
2019/08/16 HTML / CSS
俄罗斯厨房产品购物网站:COOK HOUSE
2021/03/15 全球购物
J2EE中的容器都包括哪些
2013/08/21 面试题
物业管理应届生求职信
2013/10/28 职场文书
十一国庆节“向国旗敬礼”主题班会活动方案
2014/09/27 职场文书
运动会表扬稿范文
2015/05/05 职场文书
2015年度个人工作总结报告
2015/10/24 职场文书
2016党风廉政建设心得体会范文
2016/01/25 职场文书
使用canvas实现雪花飘动效果的示例代码
2021/03/30 HTML / CSS
Memcached介绍及php-memcache扩展安装
2021/04/01 PHP