为了画一个漂亮的表格，我从网上找到了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，就可以看到自己画的图了。
|
QQ群⑧：
窥视卡
雷达卡
发表于 2015-8-29 12:32:07
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡