一个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控件autocomplete 0.11演示及下载 1月5日已更新
Jan 09 Javascript
javascript天然的迭代器
Oct 29 Javascript
jquery获取iframe中的dom对象(两种方法)
Jul 02 Javascript
alert中断settimeout计时功能
Jul 26 Javascript
SeaJS入门教程系列之完整示例(三)
Mar 03 Javascript
jQuery基于图层模仿五星星评价功能的方法
May 07 Javascript
js弹出框、对话框、提示框、弹窗实现方法总结(推荐)
May 31 Javascript
Bootstrap如何激活导航状态
Mar 22 Javascript
Vue.js 2.0学习教程之从基础到组件详解
Apr 24 Javascript
jquery 通过ajax请求获取后台数据显示在表格上的方法
Aug 08 jQuery
vue实现在线翻译功能
Sep 27 Javascript
Javascript Worker子线程代码实例
Feb 20 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下尝试使用GraphicsMagick的缩略图功能
2011/01/01 PHP
深入理解PHP中的Session和Cookie
2013/06/21 PHP
Yii2 rbac权限控制之菜单menu实例教程
2016/04/28 PHP
tp5.1 框架路由操作-URL生成实例分析
2020/05/26 PHP
javascript 事件查询综合 推荐收藏
2010/03/10 Javascript
JavaScript几种形式的树结构菜单
2010/05/10 Javascript
ie8本地图片上传预览示例代码
2014/01/12 Javascript
jQuery中的$.ajax()方法应用
2014/05/06 Javascript
遍历json 对象的属性并且动态添加属性的实现
2016/12/02 Javascript
jQuery手指滑动轮播效果
2016/12/22 Javascript
jQuery实现的分页功能示例
2017/01/22 Javascript
支持移动端原生js轮播图
2017/02/16 Javascript
vue 中自定义指令改变data中的值
2017/06/02 Javascript
封装运动框架实战左右与上下滑动的焦点轮播图(实例)
2017/10/17 Javascript
详解使用React制作一个模态框
2019/03/14 Javascript
ES6中的class是如何实现的(附Babel编译的ES5代码详解)
2019/05/17 Javascript
微信小程序地图绘制线段并且测量(实例代码)
2020/01/02 Javascript
[00:36]DOTA2上海特级锦标赛 Alliance战队宣传片
2016/03/04 DOTA
Python简单实现socket信息发送与监听功能示例
2018/01/03 Python
Python绘制正余弦函数图像的方法
2018/08/28 Python
Python实现基于SVM的分类器的方法
2019/07/19 Python
利用pyshp包给shapefile文件添加字段的实例
2019/12/06 Python
python GUI库图形界面开发之PyQt5表格控件QTableView详细使用方法与实例
2020/03/01 Python
Python字典fromkeys()方法使用代码实例
2020/07/20 Python
pycharm配置安装autopep8自动规范代码的实现
2021/03/02 Python
html5的websockets全双工通信详解学习示例
2014/02/26 HTML / CSS
介绍一下MYSQL常用的优化技巧
2012/10/25 面试题
应届生保险求职信
2013/11/11 职场文书
计算机专业推荐信范文
2013/11/20 职场文书
2014两会学习心得:时代的发展
2014/03/17 职场文书
酒店管理求职信范文
2014/04/06 职场文书
创先争优一句话承诺
2014/05/29 职场文书
就业协议书盖章的注意事项
2014/09/28 职场文书
法务专员岗位职责
2015/02/14 职场文书
具结保证书范本
2015/05/11 职场文书
Apache Calcite 实现方言转换的代码
2021/04/24 Servers