2007年6月27日 星期三

XML/SWF Charts好用繪製圖表組件


同事給了一個連結, 看到了 www.maani.us 上有個 XML/SWF Charts的繪製圖表的組件, 介面很不錯, 而且又有動畫效果, 於是就來試試看.


這樣的內容, 可以由程式即時生成, 所有行為皆為 client 的 swf 進行繪製, 比較有趣的是動畫部分, 動畫的部分要加入一行控制, 如下:

其中的 type 有多種設定, 可以參考 type設定, 共有: dissolve, drop, spin, scale, zoom, blink, slide_right, slide_left, slide_up, slide_down, 預設是無動畫效果, 也就是 none.

雖然網站上是說有支援 any language, 但我用中文試是不行的, 以下為兩個 sample 的連結:
chart: http://sample.diary.tw/2/chart1.php
data source: http://sample.diary.tw/2/data1.php 請自行檢視原始檔
chart: http://sample.diary.tw/2/chart2.php
data source: http://sample.diary.tw/2/data2.php 請自行檢視原始檔

整 個工作方式是 client 拿到了 charts.swf 及其對應 lib 的 swf 後, 再依該 charts.swf 的後接參數指定的資料來源 xml檔 (或是 asp/php/cfm/cgi 等可 output xml內容的網頁) 來取得要繪製圖表的資料內容, 所以整個圖表是在客戶端完成的, 敏感性資料仍要注意安全性問題, 在實作上要注意一下.
其中的 data source data2.php 是有含動畫功能的哦!
給各位參考看看囉!

[2007/3/3 01:35]
感謝網友 john 提供資料, 將 font 設置為 'system' 即可順利顯示中文, 請參閱 sample:
http://sample.diary.tw/2/chart3.php
資料: http://sample.diary.tw/2/data3.php
內多加一筆:

即可!!

出處:http://diary.tw/tim/36

【下列文章您可能也有興趣】

沒有留言: