一个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 相关文章推荐
jQuery $.get 的妙用 访问本地文本文件
Jul 12 Javascript
Javascript中找到子元素在父元素内相对位置的代码
Jul 21 Javascript
jQuery点击后一组图片左右滑动的实现代码
Aug 16 Javascript
正则表达式中特殊符号及正则表达式的几种方法总结(replace,test,search)
Nov 26 Javascript
js/jquery获取文本框输入焦点的方法
Mar 04 Javascript
JavaScript常用脚本汇总(三)
Mar 04 Javascript
细数JavaScript 一个等号,两个等号,三个等号的区别
Oct 09 Javascript
如何判断出一个js对象是否一个dom对象
Nov 24 Javascript
JS限定手机版中图片大小随分辨率自动调整的方法
Dec 05 Javascript
js实现省份下拉菜单效果
Feb 15 Javascript
JavaScript贪吃蛇小组件实例代码
Aug 20 Javascript
详解Vue组件之间通信的七种方式
Apr 14 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实现二分查找算法代码分享
2011/06/24 PHP
php分页函数示例代码分享
2014/02/24 PHP
smarty模板局部缓存方法使用示例
2014/06/17 PHP
ThinkPHP和UCenter接口冲突的解决方法
2016/07/25 PHP
Zend Framework数据库操作方法实例总结
2016/12/11 PHP
php使用gd2绘制基本图形示例(直线、圆、正方形)
2017/02/15 PHP
thinkPHP5 tablib标签库自定义方法详解
2017/05/10 PHP
php基于session锁防止阻塞请求的方法分析
2017/08/07 PHP
JavaScript编程中的Promise使用大全
2015/07/28 Javascript
JS运动相关知识点小结(附弹性运动示例)
2016/01/08 Javascript
jQuery图片轮播插件——前端开发必看
2016/05/31 Javascript
bootstrap滚动监控器使用方法解析
2017/01/13 Javascript
jQuery实现搜索页面关键字的功能
2017/02/16 Javascript
webpack vue 项目打包生成的文件,资源文件报404问题的修复方法(总结篇)
2018/01/09 Javascript
vue实现购物车加减
2020/05/30 Javascript
JS中的继承操作实例总结
2020/06/06 Javascript
[04:02]DOTA2上海特锦赛小组赛第二日recap精彩回顾
2016/02/28 DOTA
[50:44]DOTA2-DPC中国联赛 正赛 SAG vs Dragon BO3 第二场 2月22日
2021/03/11 DOTA
python中的多线程实例教程
2014/08/27 Python
python批量同步web服务器代码核心程序
2014/09/01 Python
详解Python3中的Sequence type的使用
2015/08/01 Python
Python设计模式之中介模式简单示例
2018/01/09 Python
Python实现合并同一个文件夹下所有txt文件的方法示例
2018/04/26 Python
Django 忘记管理员或忘记管理员密码 重设登录密码的方法
2018/05/30 Python
python实现时间o(1)的最小栈的实例代码
2018/07/23 Python
Python with关键字,上下文管理器,@contextmanager文件操作示例
2019/10/17 Python
根据tensor的名字获取变量的值方式
2020/01/04 Python
Pytorch 保存模型生成图片方式
2020/01/10 Python
Python异常处理机制结构实例解析
2020/07/23 Python
体育系毕业生自荐信
2014/06/28 职场文书
酒店人事主管岗位职责
2015/04/11 职场文书
企业法人代表证明书
2015/06/18 职场文书
员工工作失职检讨书范文!
2019/07/03 职场文书
Java图书管理系统,课程设计必用(源码+文档)
2021/06/30 Java/Android
java设计模式--原型模式详解
2021/07/21 Java/Android
ubuntu端向日葵键盘输入卡顿问题及解决
2022/12/24 Servers