一个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-Mozilla和IE中的一个函数直接量的问题分析
Aug 12 Javascript
最短的IE判断代码
Mar 13 Javascript
解决IE6的PNG透明JS插件使用介绍
Apr 17 Javascript
Zero Clipboard实现浏览器复制到剪贴板的方法(多个复制按钮)
Mar 24 Javascript
浅谈jQuery效果函数
Sep 16 Javascript
vue.js+Element实现表格里的增删改查
Jan 18 Javascript
浅析vue component 组件使用
Mar 06 Javascript
angular2 ng build部署后base文件路径问题详细解答
Jul 15 Javascript
jQuery中库的引用方法
Jan 06 jQuery
vue 循环加载数据并获取第一条记录的方法
Sep 26 Javascript
React SSR样式及SEO的实践
Oct 22 Javascript
JS async 函数的含义和用法实例总结
Apr 08 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上传图片类(随机名,缩略图,加水印)
2010/06/30 PHP
Yii使用CLinkPager分页实例详解
2014/07/23 PHP
yii2.0实现pathinfo的形式访问的配置方法
2016/04/06 PHP
php连接mysql数据库最简单的实现方法
2019/09/24 PHP
js类后台管理菜单类-MenuSwitch
2007/09/12 Javascript
jquery下操作HTML控件的实现代码
2010/01/12 Javascript
基于jQuery的可以控制左右滚动及自动滚动效果的代码
2010/07/25 Javascript
可简单避免的三个JS发布错误的详细介绍
2013/08/02 Javascript
css结合js制作下拉菜单示例代码
2014/02/27 Javascript
JS来动态的修改url实现对url的增删查改
2014/09/05 Javascript
jQuery简单实现两级下拉菜单效果代码
2015/09/15 Javascript
JavaScript动态创建form表单并提交的实现方法
2015/12/10 Javascript
jquery使用on绑定a标签无效 只能用live解决
2016/06/02 Javascript
Jquery Easyui表单组件Form使用详解(30)
2016/12/19 Javascript
手动初始化Angular的模块与控制器
2016/12/26 Javascript
js仿微信公众平台打标签功能
2017/04/08 Javascript
Vue.js中extend选项和delimiters选项的比较
2017/07/17 Javascript
原生JavaScript实现贪吃蛇游戏
2020/11/04 Javascript
利用Python实现简单的相似图片搜索的教程
2015/04/23 Python
Python文件读取的3种方法及路径转义
2015/06/21 Python
详解python里使用正则表达式的全匹配功能
2017/10/19 Python
Python之多线程爬虫抓取网页图片的示例代码
2018/01/10 Python
在Pycharm中修改文件默认打开方式的方法
2019/01/17 Python
python+selenium+chrome实现淘宝购物车秒杀自动结算
2021/01/07 Python
波兰最大的儿童服装连锁店之一:5.10.15.
2018/02/11 全球购物
泰坦健身器材:Titan Fitness
2018/02/13 全球购物
乐高奥地利官方商店:LEGO Shop AT
2019/07/16 全球购物
如何清空Session
2015/02/23 面试题
班级安全教育实施方案
2014/02/23 职场文书
个人银行贷款担保书
2014/04/01 职场文书
班级出游活动计划书
2014/08/15 职场文书
大学军训自我鉴定大全
2014/09/18 职场文书
2016中秋节晚会开场白
2015/11/26 职场文书
2016年国庆节假期旅游工作总结
2016/04/01 职场文书
html+css实现滚动到元素位置显示加载动画效果
2021/08/02 HTML / CSS
javascript中Set、Map、WeakSet、WeakMap区别
2022/12/24 Javascript