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