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

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

EditPlus 中文破解版
體積小,語法高亮,不支援程式碼提示功能

SublimeText3漢化版
中文版,非常好用

WebStorm Mac版
好用的JavaScript開發工具

ZendStudio 13.5.1 Mac
強大的PHP整合開發環境

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)