一个XML格式数据转换为图表的例子

 更新时间:2010年02月09日 12:16:22   作者:  
这个例子使用的是转换为VML的语法,换成其他如SVG的语法,就可以转换成为SVG图形,单元数量可以任意加。
源文档

模板文档(这里收缩了js代码,代码放在CDATA段里)
源文档
模板文档(这里收缩了js代码,代码放在CDATA段里)
结果
这个例子使用的是转换为VML的语法,换成其他如SVG的语法,就可以转换成为SVG图形,单元数量可以任意加。

其实还有更多已经完成的例子,包括生成单位树(支持动态获取数据并生成节点列表),生成编辑界面(可更新数据库)等等。

源代码在一个大的类库里面,需要提取修改后再发,以便独立使用。

对于这种转换方式,请朋友们发表高见,不吝赐教。

ps.效率还凑合,生成(转换)并显示(innerHTML)出这个饼图,有瞬间5%的CPU占用率。我的机器T2080 1.73GHz,2G 667内存。转换代码很早的时候在FF1.07和opera8.5下测试通过,后来做了部分改动(非核心),应该没有失去兼容性。颜色方面,应该有更好的方法生成区分度较高的颜色,现在的方法生成的颜色有些太相近。

相关文章

  • Javascript单例模式的介绍和实例

    Javascript单例模式的介绍和实例

    这篇文章将会介绍Javascript模式中较为常见和实用的模式——单例模式,主要分为概念和实例部分。在介绍实例的同时也会对代码中额外的知识点进行讲解。有需要的朋友们可以参考借鉴。
    2016-10-10
  • 基于bootstrap实现收缩导航条

    基于bootstrap实现收缩导航条

    这篇文章主要介绍了基于bootstrap实现收缩导航条的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03
  • js基于FileSaver.js 浏览器导出Excel文件的示例

    js基于FileSaver.js 浏览器导出Excel文件的示例

    本篇文章主要介绍了js基于FileSaver.js 浏览器导出Excel文件的示例,具有一定的参考价值,有兴趣的可以了解一下
    2017-08-08
  • JavaScript组成、引入、输出、运算符基础知识讲解

    JavaScript组成、引入、输出、运算符基础知识讲解

    JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies,以及更多的应用。这篇文章主要介绍了JavaScript组成、引入、输出、运算符基础知识讲解,需要的朋友可以参考下
    2016-12-12
  • js求数组中全部数字可拼接出的最大整数示例代码

    js求数组中全部数字可拼接出的最大整数示例代码

    这篇文章主要给大家介绍了利用js如何求数组中全部数字可拼接出的最大整数,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考借鉴,下面随着小编一起来学习学习吧。
    2017-08-08
  • js限制输入框只能输入数字(onkeyup触发)

    js限制输入框只能输入数字(onkeyup触发)

    这篇文章主要介绍了通过js实现input输入框只能输入数字的实现方法,主要是通过正则表达式替换实现,需要的朋友可以参考下
    2018-09-09
  • JavaScript字符串转数字的简单实现方法

    JavaScript字符串转数字的简单实现方法

    这篇文章主要给大家介绍了关于JavaScript字符串转数字的简单实现方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-11-11
  • js跑步算法的实现代码

    js跑步算法的实现代码

    这篇文章主要是对js跑步算法的实现代码进行了详细的分析介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2013-12-12
  • js实现简单的放大镜效果

    js实现简单的放大镜效果

    这篇文章主要为大家详细介绍了js实现简单的放大镜效果,可随意更改,放大区域的大小、比例,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09
  • JavaScript订单操作小程序完整版

    JavaScript订单操作小程序完整版

    这篇文章主要介绍了JavaScript订单操作小程序完整版,增加订单,删除订单,修改订单数量,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-06-06

最新评论