一個(gè)XML格式數(shù)據(jù)轉(zhuǎn)換為圖表的例子
更新時(shí)間：2010年02月09日 12:16:22 作者：
這個(gè)例子使用的是轉(zhuǎn)換為VML的語(yǔ)法，換成其他如SVG的語(yǔ)法，就可以轉(zhuǎn)換成為SVG圖形，單元數(shù)量可以任意加。
源文檔
模板文檔（這里收縮了js代碼，代碼放在CDATA段里）
這個(gè)例子使用的是轉(zhuǎn)換為VML的語(yǔ)法，換成其他如SVG的語(yǔ)法，就可以轉(zhuǎn)換成為SVG圖形，單元數(shù)量可以任意加。
其實(shí)還有更多已經(jīng)完成的例子，包括生成單位樹（支持動(dòng)態(tài)獲取數(shù)據(jù)并生成節(jié)點(diǎn)列表），生成編輯界面（可更新數(shù)據(jù)庫(kù)）等等。
源代碼在一個(gè)大的類庫(kù)里面，需要提取修改后再發(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è)試通過(guò)，后來(lái)做了部分改動(dòng)（非核心），應(yīng)該沒(méi)有失去兼容性。顏色方面，應(yīng)該有更好的方法生成區(qū)分度較高的顏色，現(xiàn)在的方法生成的顏色有些太相近。
模板文檔（這里收縮了js代碼，代碼放在CDATA段里）
| 源文檔 |
|
| 模板文檔（這里收縮了js代碼，代碼放在CDATA段里） |
 |
| 結(jié)果 |
 |
其實(shí)還有更多已經(jīng)完成的例子，包括生成單位樹（支持動(dòng)態(tài)獲取數(shù)據(jù)并生成節(jié)點(diǎn)列表），生成編輯界面（可更新數(shù)據(jù)庫(kù)）等等。
源代碼在一個(gè)大的類庫(kù)里面，需要提取修改后再發(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è)試通過(guò)，后來(lái)做了部分改動(dòng)（非核心），應(yīng)該沒(méi)有失去兼容性。顏色方面，應(yīng)該有更好的方法生成區(qū)分度較高的顏色，現(xiàn)在的方法生成的顏色有些太相近。
您可能感興趣的文章:
相關(guān)文章
這篇文章將會(huì)介紹Javascript模式中較為常見和實(shí)用的模式——單例模式，主要分為概念和實(shí)例部分。在介紹實(shí)例的同時(shí)也會(huì)對(duì)代碼中額外的知識(shí)點(diǎn)進(jìn)行講解。有需要的朋友們可以參考借鑒。2016-10-10
基于bootstrap實(shí)現(xiàn)收縮導(dǎo)航條
這篇文章主要介紹了基于bootstrap實(shí)現(xiàn)收縮導(dǎo)航條的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-03-03
js基于FileSaver.js 瀏覽器導(dǎo)出Excel文件的示例
本篇文章主要介紹了js基于FileSaver.js 瀏覽器導(dǎo)出Excel文件的示例，具有一定的參考價(jià)值，有興趣的可以了解一下2017-08-08
JavaScript組成、引入、輸出、運(yùn)算符基礎(chǔ)知識(shí)講解
JavaScript 被數(shù)百萬(wàn)計(jì)的網(wǎng)頁(yè)用來(lái)改進(jìn)設(shè)計(jì)、驗(yàn)證表單、檢測(cè)瀏覽器、創(chuàng)建cookies，以及更多的應(yīng)用。這篇文章主要介紹了JavaScript組成、引入、輸出、運(yùn)算符基礎(chǔ)知識(shí)講解,需要的朋友可以參考下2016-12-12
js求數(shù)組中全部數(shù)字可拼接出的最大整數(shù)示例代碼
這篇文章主要給大家介紹了利用js如何求數(shù)組中全部數(shù)字可拼接出的最大整數(shù)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友可以參考借鑒，下面隨著小編一起來(lái)學(xué)習(xí)學(xué)習(xí)吧。2017-08-08
js限制輸入框只能輸入數(shù)字(onkeyup觸發(fā))
這篇文章主要介紹了通過(guò)js實(shí)現(xiàn)input輸入框只能輸入數(shù)字的實(shí)現(xiàn)方法，主要是通過(guò)正則表達(dá)式替換實(shí)現(xiàn),需要的朋友可以參考下2018-09-09
JavaScript字符串轉(zhuǎn)數(shù)字的簡(jiǎn)單實(shí)現(xiàn)方法
這篇文章主要給大家介紹了關(guān)于JavaScript字符串轉(zhuǎn)數(shù)字的簡(jiǎn)單實(shí)現(xiàn)方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-11-11
這篇文章主要是對(duì)js跑步算法的實(shí)現(xiàn)代碼進(jìn)行了詳細(xì)的分析介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-12-12
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)簡(jiǎn)單的放大鏡效果，可隨意更改，放大區(qū)域的大小、比例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
這篇文章主要介紹了JavaScript訂單操作小程序完整版，增加訂單，刪除訂單，修改訂單數(shù)量，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-06-06