php教程利用flashchart生成柱狀圖
最近項目中需要生成類似excel的柱狀圖、餅圖、趨勢圖等等。。。
網上google了一番,發現了 Open Flash Chart 地址: http://teethgrinder.co.uk/open-flash-chart-2/ 。
非常好用的一款開源工具。目前最新版是2.0
——————————————————————————–
http://ofcgwt.googlecode.com/svn/demo/Demo.html 這裡有很多示例可供參考。
不過不太推薦使用 googlecode上的這個示例代碼,建議采用官方的示例代碼和flash chart 。
flash chart的使用很簡單。
如下示例:
//url形式
function embSwfWithUrl(dataurl,divcon){
var params = {
"wmode": "transparent",
"menu": "false",
"scale": "noScale",
"allowFullscreen": "false",
"allowScriptAccess": "always",
"bgcolor": "#c0c0c0" //背景
};
var flashvars = {
'data-file' : dataurl
};
swfobject.embedSWF("/swf/open-flash-chart.swf?timestamp=" + Math.random(),divcon, "450", "300", "10.0.0", "./swf/expressInstall.swf" ,flashvars,params);
}
embSwfWithUrl('http://xxx.com/xxx.html','swfCon');這裡的http://xxx.com/xxx.html返回的是相應的json格式的數據。
swfCon是放flash的div容器。
swfobject是開源的js處理flash的類。http://code.google.com/p/swfobject/
——————————————————————————–
注意下,flash chart 獲得數據的方式有兩種,
一種是 data-file 一種是 get-data
data-file 正是如上示例,值必須是個 url地址,裡面返回的是 json數據。
而get-data的值則是一個函數名稱。 函數返回 json 數據。
如下示例:
//get-data
function embSwfWithData(divcon,getdataFn){
var params = {
"wmode": "transparent", //窗口模式
"menu": "false", //菜單顯示
"scale": "noScale", //縮放
"allowFullscreen": "false", //允許全屏
"allowScriptAccess": "always", //允許腳本
"bgcolor": "#c0c0c0" //背景
};
var flashVar = {
"get-data":getdataFn
};
swfobject.embedSWF("/swf/open-flash-chart.swf?timestamp=" + Math.random(), divcon, "450", "300", "10", "/swf/expressInstall.swf",flashVar ,params);
}
function getJsonData(){
return 'json data';
}這裡 “get-data”:getdataFn