Heim > Web-Frontend > js-Tutorial > 一个XML格式数据转换为图表的例子_javascript技巧

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

WBOY
Freigeben: 2016-05-16 18:34:42
Original
1198 Leute haben es durchsucht

源文档
一个XML格式数据转换为图表的例子_javascript技巧
模板文档(这里收缩了js代码,代码放在CDATA段里)

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

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

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

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

ps.效率还凑合,生成(转换)并显示(innerHTML)出这个饼图,有瞬间5%的CPU占用率。我的机器T2080 1.73GHz,2G 667内存。转换代码很早的时候在FF1.07和opera8.5下测试通过,后来做了部分改动(非核心),应该没有失去兼容性。颜色方面,应该有更好的方法生成区分度较高的颜色,现在的方法生成的颜色有些太相近。
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage