最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
php利用flashchart生成柱状图
时间:2022-06-24 18:18:37 编辑:袖梨 来源:一聚教程网
最近项目中需要生成类似excel的柱状图、饼图、趋势图等等。。。
网上google了一番,发现了 Open Flash Chart 地址: 。
非常好用的一款开源工具。目前最新版是2.0
——————————————————————————–
这里有很多示例可供参考。
不过不太推荐使用 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://x*xx.c*o*m/xxx.html','swfCon');这里的返回的是相应的json格式的数据。
swfCon是放flash的div容器。
swfobject是开源的js处理flash的类。
——————————————————————————–
注意下,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
相关文章
- 神宠降临冒险解密工具作用及获取方法 10-14
- 洛伊的移动要塞力量殿堂玩法规则说明 10-14
- 华夏千秋邬月朗打法攻略分享 10-14
- 《高达钢铁之诗》卡碧尼参战!一人成军,女王之威再临! 10-14
- 长生天机降世逃离地窟任务攻略 10-14
- 弹弹星球宠物作用及获取方法分享 10-14