黄聪

论SEO对人类的重要性，请看我的博客：hcsem.com
  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::
黄聪：Open Flash Chart在php中的使用教程

为了画一个漂亮的表格，我从网上找到了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，就可以看到自己画的图了。

 

 

 

posted on 2013-01-27 13:40  黄聪  阅读(2437)  评论(0)  编辑  收藏  举报