一个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获得地址栏参数的两种方法
Nov 08 Javascript
从URL中提取参数与将对象转换为URL查询参数的实现代码
Jan 12 Javascript
利用js读取动态网站从服务器端返回的数据
Feb 10 Javascript
JavaScript中的数学运算介绍
Dec 29 Javascript
jQuery中:nth-child选择器用法实例
Dec 31 Javascript
JS 全屏和退出全屏详解及实例代码
Nov 07 Javascript
JavaScript判断日期时间差的实例代码
Mar 01 Javascript
基于vue-ssr的静态网站生成器VuePress 初体验
Apr 17 Javascript
mock.js模拟数据实现前后端分离
Jul 24 Javascript
Vue脚手架编写试卷页面功能
Mar 17 Javascript
Vue axios 跨域请求无法带上cookie的解决
Sep 08 Javascript
在vue中使用inheritAttrs实现组件的扩展性介绍
Dec 07 Vue.js
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/01/26 PHP
php checkbox 取值详细说明
2010/08/19 PHP
如何在symfony中导出为CSV文件中的数据
2011/10/06 PHP
php中出现空白页的原因及解决方法汇总
2014/07/08 PHP
搭建Vim为自定义的PHP开发工具的一些技巧
2015/12/11 PHP
CI框架的安全性分析
2016/05/18 PHP
Z-Blog中用到的js代码
2007/03/15 Javascript
jQuery中事件对象e的事件冒泡用法示例介绍
2014/04/25 Javascript
node.js中的path.basename方法使用说明
2014/12/09 Javascript
Angular.Js中ng-include指令的使用与实现
2017/05/07 Javascript
angular ng-click防止重复提交实例
2017/06/16 Javascript
浅谈Node.js ORM框架Sequlize之表间关系
2017/07/24 Javascript
vue实现移动端图片裁剪上传功能
2020/08/18 Javascript
Bootstrap开发中Tab标签页切换图表显示问题的解决方法
2018/07/13 Javascript
脚手架vue-cli工程webpack的作用和特点
2018/09/29 Javascript
vue中组件的过渡动画及实现代码
2018/11/21 Javascript
Webpack4+Babel7+ES6兼容IE8的实现
2019/04/10 Javascript
python中正则表达式的使用详解
2014/10/17 Python
使用Python的Treq on Twisted来进行HTTP压力测试
2015/04/16 Python
python脚本设置系统时间的两种方法
2016/02/21 Python
django model去掉unique_together报错的解决方案
2016/10/18 Python
Python实现列表删除重复元素的三种常用方法分析
2017/11/24 Python
对python中for、if、while的区别与比较方法
2018/06/25 Python
Python判断是否json是否包含一个key的方法
2018/12/31 Python
Python 监测文件是否更新的方法
2019/06/10 Python
python 回溯法模板详解
2020/02/26 Python
在PyCharm中安装PaddlePaddle的方法
2021/02/05 Python
最耐用行李箱,一箱永流传:Briggs & Riley(全球终身保修)
2017/12/07 全球购物
Ajax请求总共有多少种Callback
2016/07/17 面试题
主办会计岗位职责
2014/03/13 职场文书
食品安全工作方案
2014/05/07 职场文书
基层干部群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
业务员岗位职责
2015/02/03 职场文书
运动会新闻稿
2015/07/17 职场文书
python的html标准库
2022/04/29 Python
CSS link与@import的区别和用法解析
2023/05/07 HTML / CSS