網頁繪圖FusionChart

Share Button

不管是ASP/PHP/JSP,要在網頁上繪圖,都需要額外的元件來協助處理,這是相當傷腦筋的問題!!然而,腦筋一轉,利用Flash和它的腳本xml,豈不輕鬆愉快,又可跨平台(不管是ASP/PHP/JSP,通通管用)

FusionChart就是這麼一套免費的網頁繪圖開發工具,以讀取XML的內容,然後用FLASH的方式在網頁上秀出來。

免費下載:FusionChart

FusionChart提供很多的圖表模式,也提供Asp/Php/Jsp使用範例,相當值得玩玩!!我也試了其中幾項。(某公司2012年12個月銷售金額,Excel試算表,透過IIS提供的MS Excel ODBC,轉成sale.xml)

View Code TEXTDownload sale.xml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<graph caption='2012年各月份營收金額' xAxisName='單位:萬元' yAxisName='Thousand Dollars NT$' decimalPrecision='0' formatNumberScale='0'>
<set name='一月' value='4533' color='8BBA00' />
<set name='二月' value='6794' color='008E8E' />
<set name='三月' value='2875' color='D64646' />
<set name='四月' value='3506' color='8E468E' />
<set name='五月' value='4647' color='588526' />
<set name='六月' value='6538' color='B3AA00' />
<set name='七月' value='6189' color='008ED6' />
<set name='八月' value='5651' color='9D080D' />
<set name='九月' value='5842' color='A186BE' />
<set name='十月' value='4553' color='F8AFD8' />
<set name='十一月' value='7484' color='0FF6BD' />
<set name='十二月' value='7505' color='008BBA' />
</graph>

 
Area2D(面積曲線圖)

這份sale.xml,還可使用底下8種圖表型式

Excel試算表取自內政部戶政司,資料時間:2012年7月
☆演示請按★:台灣各縣市人口統計表Column3D(3D長條圖)

2010年台灣總統大選各縣市各組候選人得票統計表(Excel試算表,取自中央選委會)
多維3D長條圖
☆演示請按★:Multi-series Column 3D Chart(多維3D長條圖)
☆演示請按★:Multi-series Column 3D Chart(多維3D長條圖_2014年九合一大選各縣市長政黨得票數)

Pie 2D Chart(2D圓餅圖)
2010年台灣總統大選單一縣市各組候選人得票統計表_與上述相同數據資料,不同圖表形式
2D圓餅圖

MSBar2D(橫式2D長條圖)
2D長條圖02

大部份的公司員工,都習慣使用Office的Excel試算表,由於IIS有提供MS Excel ODBC,可以上傳一個新的試算表後,程序(asp/php)自動製作一個xml腳本檔,就可以在網頁上呈現出更新後的圖表來。

運用上,程序可以只有一個,變數s對應swf(圖表型式),變數x對應xml(腳本),這樣就單純多了…

這是HTC近期的季報資料
HTC

利用excel ODBC很容易的產生三個腳本檔:HTC0.xml_HTC2.xml_HTC4.xml

Share Button
本篇發表於 網路電腦 並標籤為 , , , , , , 。將永久鏈結加入書籤。

網頁繪圖FusionChart 有 2 則回應

  1. CHOME 說道:

    Growmap Anti Spambot Plugin(防留言機器人GASP)
    這個外掛新增一個要留言者勾選的檢核框 (Checkbox) ,垃圾留言機器人,就會因為無法勾選此一項目而無法留言成功。

回應已關閉。