一個(gè)XML格式數(shù)據(jù)轉(zhuǎn)換為圖表的例子
更新時(shí)間：2010年02月09日 12:16:22 作者：
這個(gè)例子使用的是轉(zhuǎn)換為VML的語法，換成其他如SVG的語法，就可以轉(zhuǎn)換成為SVG圖形，單元數(shù)量可以任意加。
源文檔
模板文檔（這里收縮了js代碼，代碼放在CDATA段里）
這個(gè)例子使用的是轉(zhuǎn)換為VML的語法，換成其他如SVG的語法，就可以轉(zhuǎn)換成為SVG圖形，單元數(shù)量可以任意加。
其實(shí)還有更多已經(jīng)完成的例子，包括生成單位樹（支持動(dòng)態(tài)獲取數(shù)據(jù)并生成節(jié)點(diǎn)列表），生成編輯界面（可更新數(shù)據(jù)庫）等等。
源代碼在一個(gè)大的類庫里面，需要提取修改后再發(fā)，以便獨(dú)立使用。
對(duì)于這種轉(zhuǎn)換方式，請(qǐng)朋友們發(fā)表高見，不吝賜教。
ps.效率還湊合，生成（轉(zhuǎn)換）并顯示（innerHTML）出這個(gè)餅圖，有瞬間5%的CPU占用率。我的機(jī)器T2080 1.73GHz，2G 667內(nèi)存。轉(zhuǎn)換代碼很早的時(shí)候在FF1.07和opera8.5下測(cè)試通過，后來做了部分改動(dòng)（非核心），應(yīng)該沒有失去兼容性。顏色方面，應(yīng)該有更好的方法生成區(qū)分度較高的顏色，現(xiàn)在的方法生成的顏色有些太相近。
模板文檔（這里收縮了js代碼，代碼放在CDATA段里）
| 源文檔 |
|
| 模板文檔（這里收縮了js代碼，代碼放在CDATA段里） |
 |
| 結(jié)果 |
 |
其實(shí)還有更多已經(jīng)完成的例子，包括生成單位樹（支持動(dòng)態(tài)獲取數(shù)據(jù)并生成節(jié)點(diǎn)列表），生成編輯界面（可更新數(shù)據(jù)庫）等等。
源代碼在一個(gè)大的類庫里面，需要提取修改后再發(fā)，以便獨(dú)立使用。
對(duì)于這種轉(zhuǎn)換方式，請(qǐng)朋友們發(fā)表高見，不吝賜教。
ps.效率還湊合，生成（轉(zhuǎn)換）并顯示（innerHTML）出這個(gè)餅圖，有瞬間5%的CPU占用率。我的機(jī)器T2080 1.73GHz，2G 667內(nèi)存。轉(zhuǎn)換代碼很早的時(shí)候在FF1.07和opera8.5下測(cè)試通過，后來做了部分改動(dòng)（非核心），應(yīng)該沒有失去兼容性。顏色方面，應(yīng)該有更好的方法生成區(qū)分度較高的顏色，現(xiàn)在的方法生成的顏色有些太相近。
您可能感興趣的文章:
相關(guān)文章
你必須了解的JavaScript中的屬性描述對(duì)象詳解(下)
JavaScript提供了一個(gè)內(nèi)部數(shù)據(jù)結(jié)構(gòu)，用來描述對(duì)象的屬性，控制它的行為，比如該屬性是否可寫、可遍歷等等。這個(gè)內(nèi)部數(shù)據(jù)結(jié)構(gòu)稱為“屬性描述對(duì)象”。本文主要帶大家了解一下JavaScript中你必須了解的屬性描述對(duì)象，需要的可以參考一下2022-12-12
js中如何復(fù)制一個(gè)對(duì)象并獲取其所有屬性和屬性對(duì)應(yīng)的值
如果知道這個(gè)對(duì)象的所有屬性自然就可以重新new一個(gè)，然后對(duì)每個(gè)屬性賦值，就可以做到，但如果不知道呢？如何創(chuàng)建一個(gè)內(nèi)容相同 的對(duì)象呢？下面有個(gè)不錯(cuò)的示例，大家可以看看2013-10-10
微信小程序報(bào)錯(cuò): thirdScriptError的錯(cuò)誤問題
這篇文章主要介紹了微信小程序報(bào)錯(cuò): thirdScriptError,本文給大家分享解決方法，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-06-06
js和jquery中循環(huán)的退出和繼續(xù)下一個(gè)循環(huán)
退出循環(huán)，使用break；退出當(dāng)前循環(huán)繼續(xù)下一個(gè)循環(huán)，使用continue，jquery中使用return false；continue，使用return true2014-09-09
微信小程序第三方框架對(duì)比 之 wepy / mpvue / taro
這篇文章主要介紹了小程序第三方框架對(duì)比 ( wepy / mpvue / taro ) 分析，非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友參考下吧2019-04-04
兼容火狐c(diǎn)ss控制超出部分用省略號(hào)代替2008-07-07
js實(shí)現(xiàn)點(diǎn)擊添加一個(gè)input節(jié)點(diǎn)
本文給大家分享的是一段點(diǎn)擊自動(dòng)添加inpu節(jié)點(diǎn)的代碼，非常的簡(jiǎn)單實(shí)用，這里推薦給大家。2014-12-12
JS組件系列之Bootstrap Icon圖標(biāo)選擇組件
這篇文章給大家介紹js組件系列之Bootstrap Icon圖標(biāo)選擇組件，對(duì)bootstrap icon圖標(biāo)相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧2016-01-01
下面小編就為大家分享一篇解決js ajax同步請(qǐng)求造成瀏覽器假死的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-01-01
基于JavaScript或jQuery實(shí)現(xiàn)網(wǎng)站夜間/高亮模式
這篇文章主要介紹了基于JavaScript或jQuery實(shí)現(xiàn)網(wǎng)站夜間/高亮模式,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-05-05