open flash chart

最新推荐文章于 2024-09-04 10:19:41 发布

转载最新推荐文章于 2024-09-04 10:19:41 发布 · 617 阅读

文章标签：

#flash #charts #download #报表 #upload #python

网站图形显示专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了如何利用OpenFlashChart程序为Webdisk项目实现流量统计功能，包括数据处理方式、网页代码实现及数据文件格式。通过提供实例代码和数据文件，展示了OpenFlashChart的强大功能和灵活性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近一个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,0,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,7,6,9,7,10,13,15] 
  
    }, 
    { 
  
        "type":      "bar", 
  
        "alpha":     0.6, 
  
        "colour":    "#CC9933", 
  
        "text":      "下载", 
  
        "font-size": 10, 
  
        "values" :   [6,7,9,5,7,6,9,7,3,13,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,6,7,9,5,7,6,9,7,10,13,15]
 
    },
    {
 
        "type":      "bar",
 
        "alpha":     0.6,
 
        "colour":    "#CC9933",
 
        "text":      "下载",
 
        "font-size": 10,
 
        "values" :   [6,7,9,5,7,6,9,7,3,13,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
 
    }
 
}