一個XML格式數據轉換為圖表的例子
更新時間:2010年02月09日 12:16:22 作者:
這個例子使用的是轉換為VML的語法,換成其他如SVG的語法,就可以轉換成為SVG圖形,單元數量可以任意加。
源文檔

模板文檔(這里收縮了js代碼,代碼放在CDATA段里)
這個例子使用的是轉換為VML的語法,換成其他如SVG的語法,就可以轉換成為SVG圖形,單元數量可以任意加。
其實還有更多已經完成的例子,包括生成單位樹(支持動態(tài)獲取數據并生成節(jié)點列表),生成編輯界面(可更新數據庫)等等。
源代碼在一個大的類庫里面,需要提取修改后再發(fā),以便獨立使用。
對于這種轉換方式,請朋友們發(fā)表高見,不吝賜教。
ps.效率還湊合,生成(轉換)并顯示(innerHTML)出這個餅圖,有瞬間5%的CPU占用率。我的機器T2080 1.73GHz,2G 667內存。轉換代碼很早的時候在FF1.07和opera8.5下測試通過,后來做了部分改動(非核心),應該沒有失去兼容性。顏色方面,應該有更好的方法生成區(qū)分度較高的顏色,現在的方法生成的顏色有些太相近。

模板文檔(這里收縮了js代碼,代碼放在CDATA段里)
源文檔 |
![]() |
模板文檔(這里收縮了js代碼,代碼放在CDATA段里) |
![]() |
結果 |
![]() |
其實還有更多已經完成的例子,包括生成單位樹(支持動態(tài)獲取數據并生成節(jié)點列表),生成編輯界面(可更新數據庫)等等。
源代碼在一個大的類庫里面,需要提取修改后再發(fā),以便獨立使用。
對于這種轉換方式,請朋友們發(fā)表高見,不吝賜教。
ps.效率還湊合,生成(轉換)并顯示(innerHTML)出這個餅圖,有瞬間5%的CPU占用率。我的機器T2080 1.73GHz,2G 667內存。轉換代碼很早的時候在FF1.07和opera8.5下測試通過,后來做了部分改動(非核心),應該沒有失去兼容性。顏色方面,應該有更好的方法生成區(qū)分度較高的顏色,現在的方法生成的顏色有些太相近。
相關文章
js基于FileSaver.js 瀏覽器導出Excel文件的示例
本篇文章主要介紹了js基于FileSaver.js 瀏覽器導出Excel文件的示例,具有一定的參考價值,有興趣的可以了解一下2017-08-08