一個XML格式資料轉換為圖表的例子

來源:互聯網
上載者:User

來源文件

模板文檔(這裡收縮了js代碼,代碼放在CDATA段裡)
來源文件
模板文檔(這裡收縮了js代碼,代碼放在CDATA段裡)
結果

這個例子使用的是轉換為VML的文法,換成其他如SVG的文法,就可以轉換成為SVG圖形,單元數量可以任意加。

其實還有更多已經完成的例子,包括產生單位樹(支援動態擷取資料並產生節點列表),產生編輯介面(可更新資料庫)等等。

原始碼在一個大的類庫裡面,需要提取修改後再發,以便獨立使用。

對於這種轉換方式,請朋友們發表高見,不吝賜教。

ps.效率還湊合,產生(轉換)並顯示(innerHTML)出這個餅圖,有瞬間5%的CPU佔用率。我的機器T2080 1.73GHz,2G 667記憶體。轉碼很早的時候在FF1.07和opera8.5下測試通過,後來做了部分改動(非核心),應該沒有失去相容性。顏色方面,應該有更好的方法產生區分度較高的顏色,現在的方法產生的顏色有些太相近。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.