open flash chart

发布时间：2020-12-15 07:09:00 所属栏目：百科来源：网络整理

导读：最近一个Webdisk项目需要统计流量数据，于是就找了几个开源免费的chart程序来研究，PHP/SWF Charts 和 FusionCharts Free，不过最终还是选择了Open Flash Char，官方提供了很多实例，而做Webdisk流量统计并不需要多么花哨的东西，OFC2的功能也已经足够强大了

最近一个Webdisk项目需要统计流量数据，于是就找了几个开源免费的chart程序来研究，PHP/SWF Charts 和 FusionCharts Free，不过最终还是选择了Open Flash Char，官方提供了很多实例，而做Webdisk流量统计并不需要多么花哨的东西，OFC2的功能也已经足够强大了。
2.0的版本数据格式完全用json来处理，非常灵活，官方提供了各种接口程序，包括PHP/PHP5、Pear、Python、Java、Dotnet，调用很简单，网页代码（chart.html）如下

chart.html

<html>
<head>
</head>
<body>
<object?classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0"
width="800"
height="450"?id="graph-2"?align="middle">
<param?name="allowScriptAccess"?value="sameDomain"?/>
<param?name="movie"?value="open-flash-chart.swf"?/>
<param?name="quality"?value="high"?/>
<embed?src="open-flash-chart.swf"?quality="high"?bgcolor="#FFFFFF"?width="500"?height="450"?name="open-flash-chart"?align="middle"?allowScriptAccess="sameDomain"?type="application/x-shockwave-flash"?pluginspage="http://www.macromedia.com/go/getflashplayer"?/>
</object>
</body>
</html>

数据文件格式（data.json.txt）如下：

    data.json.txt 
  
{ 
? 

????"title":{  
? 

????????"text":??"上传下载统计报表",
? 

????????"style":?"{font-size:?20px;?color:#000000;?font-family:?Verdana;?text-align:?center;}"
? 
????},
? 

????"y_legend":{  
? 

????????"text":?"Upload?And?Download",
? 

????????"style":?"{color:?#736AFF;?font-size:?12px;}"
? 
????},
?

????"elements":[  
????{ 
? 

????????"type":??????"bar",
? 

????????"alpha":?????0.6, 
? 

????????"colour":????"#4BB2C5",
? 

????????"text":??????"上传",
? 

????????"font-size":?10, 
? 

????????"values"?:???[9,6,7,9,5,10,13,15] 
? 
????},
????{ 
? 

????????"type":??????"bar",
? 

????????"alpha":?????0.6,
? 

????????"colour":????"#CC9933",
? 

????????"text":??????"下载",
? 

????????"font-size":?10,
? 

????????"values"?:???[6,3,12,16] 
? 
????} 
? 
????],
? 

????"x_axis":{  
?

????????"stroke":???????2,
? 

????????"tick_height":??10,
? 

????????"colour":"#999999",
? 

????????"grid_colour":"#00ff00",
? 

????????"labels":?{ 

????????????"labels":?["January","February","March","April","May","June","July","August","Spetember","October","November","December"] 
????????} 
?
????},
? 

????"y_axis":{  
? 

????????"stroke":??????2,
? 

????????"tick_length":?3,
? 

????????"colour":??????"#999999",
? 

????????"grid_colour":?"#00ff00",
? 

????????"offset":??????0,
? 

????????"max":?????????20 
? 
????} 
? 
}
 
  {
 
    "title":{
 
        "text":  "上传下载统计报表","style": "{font-size: 20px; color:#000000; font-family: Verdana; text-align: center;}"
 
    },"y_legend":{
 
        "text": "Upload And Download","style": "{color: #736AFF; font-size: 12px;}"
 
    },"elements":[
    {
 
        "type":      "bar","alpha":     0.6,"colour":    "#4BB2C5","text":      "上传","font-size": 10,"values" :   [9,15]
 
    },{
 
        "type":      "bar","colour":    "#CC9933","text":      "下载","values" :   [6,16]
 
    }
 
    ],"x_axis":{

        "stroke":       2,"tick_height":  10,"colour":"#999999","grid_colour":"#00ff00","labels": {
            "labels": ["January","February","March","April","May","June","July","August","Spetember","October","November","December"]
        }

    },"y_axis":{
 
        "stroke":      2,"tick_length": 3,"colour":      "#999999","grid_colour": "#00ff00","offset":      0,"max":         20
 
    }
 
} 
 

地址栏输入：http://localhost/open-flash-chart/chart.html?ofc=data.json.txt即可

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!