现在的位置: 首页 > 综合 > 正文

黄聪:Open Flash Chart在php中的使用教程

2011年08月22日 ⁄ 综合 ⁄ 共 1957字 ⁄ 字号 评论关闭

为了画一个漂亮的表格,我从网上找到了OpenFlashChart(ofc),非常不错的东东。经过几天的研究终于画出了我自己的表格。先来看看我的表格(这里只是个截图):

还可以吧。也许太笨,反正费了很多周折,说说简单的使用步骤,希望给感兴趣的朋友一些帮助。

1、下载Open Flash Chart:http://sourceforge.net/projects/openflashchart/files/

2、将解压后的文件夹openflashchart(改名后)放在网站的根目录下,并按照说明,将其中的js文件夹单独放在根目录下。

3、创建文件chart.htm,并将下列内容拷贝,然后保存在openflashchart目录下。

<html>
<head>
</head>
<body>
<p>Hello World</p>
<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="500"
        height="250" 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="250"
           name="open-flash-chart"
           align="middle"
           allowScriptAccess="sameDomain"
           type="application/x-shockwave-flash"
           pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</body>
</html>

4、编写php文件提供的json数据文件data.php,内容如下,然后保存到openflashchart目录下。

<?php
require_once('OFC/OFC_Chart.php');
$title = new OFC_Elements_Title( '我的第一表:'.date("D M d Y") );

//设置线条
$line_dot = new OFC_Charts_Line();
$line_dot->set_values(array(6,2,7,8,10,12,7,6,5,12,10,9,11,4,3,2,1));
$line_dot->set_colour('#D7E4A3');

$line_dot1 = new OFC_Charts_Line();
$line_dot1->set_values(array(2,4,6,8,11,9,12,8,10,6,15,14,8,7,6,8,9,2,1));

//设置图标以及XY轴
$chart = new OFC_Chart();
$chart->set_title( $title );

$x=new OFC_Elements_Axis_X();
$x->set_offset(false);
$x->set_steps(1);
$x->set_colour( '#A2ACBA');
$x->set_range(0,20,1);

$y=new OFC_Elements_Axis_Y();
$y->set_range(0,16,1);
$y->set_steps(1);
$y->set_colour( '#A2ACBA');

$chart->set_x_axis($x);
$chart->set_y_axis($y);

//添加坐标
$chart->add_element($line_dot);
$chart->add_element($line_dot1);

echo $chart->toPrettyString();
?>

5、从数据文件已经看到要使用ofc/ofc_chart.php文件,所以要将open-flash-chart\php5-ofc-library\lib目录下的ofc文件夹复制到openflashchart目录下。

6、打开浏览器,键入地址。类似:http://localhost/openflashchart/chart.htm?ofc=data.php,就可以看到自己画的图了。

 

 

 

抱歉!评论已关闭.