欢迎光临杨雨的个人博客站!

杨雨个人网站-杨雨个人博客-杨照佳

杨雨个人博客网站

关注互联网和搜索引擎的个人博客网站

首页 > WEB开发 > PHP >

Open Flash Chart + PHP + Mysql天生动态图表

发布时间:2016-11-25  编辑:杨雨个人博客网站   点击:   

前面文章我简朴先容了Open Flash Chart2(OFC)的行使要领,本文将以笔者做过的现实项目为例,先容通过PHP读取MYSQL数据库里的数据,然后天生JSON数据,再通过FLASH渲染成大度的动态饼状图的要领。

Open Flash Chart + PHP + Mysql天生动态图表

1、在HTML页面的head标签之间插手以下代码:

<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript">
var flashvars = {"data-file":"area_pie.php"}; //这里是数据源 
var params = {menu: "false",scale: "noScale",wmode:"opaque"}; 
swfobject.embedSWF("open-flash-chart.swf", "chart", "550px", "350px",
 "9.0.0","expressInstall.swf", flashvars,params); 
</script>

留意:与上一张差异的是我们行使的数据源文件:area_pie.php,该文件就是用来将MYSQL数据天生JSON数据的。其他的都跟上一篇文章先容的一样,请参照Open Flash Chart 超强的图表天生组件。

2、在body中插手载入图表的HTML元素。

<div id="chart"></div> 

3、筹备PHP库。

我们知道OFC提供了各类接口措施,包罗PHP/PHP5、Pear、Python、Java、Dotnet。

我们将从官网上下载的压缩包文件解压后发明有一个名为php-ofc-library文件夹,这里放的就是PHP接口的全部库文件,不消管内里的文件,只需把整个文件夹复制到你的项目标根目次下并更名为ofc。

4、读取mysql天生JSON数据

这是要害部门,挪用mysql数据库接口的部门代码各人可以本身写下,限于篇幅,本文就没有将其附上。

area_pie.php代码如下:

include_once ('global.php');  //挪用数据库
include_once ('ofc/open-flash-chart.php'); //挪用OFC库文件
//配置图表问题
$title = new title( '各地区单元场合数目漫衍图'.date('Y-m-d') );
$title->set_style("font-size:12px; font-weight:bold;");
$pie = new pie();
$pie->set_alpha(0.6);
$pie->set_start_angle( 32 );
$pie->add_animation( new pie_fade() );
$pie->set_tooltip( '#val# of #total#
#percent# of 100%' ); $pie->set_colours( array('#1C9E05','#FF368D','#0099cc','#d853ce','#ff7400','#006e2e', '#d15600','#4096ee','#c79810') ); //读取各地区信息 $sql="select sum(total) as num from ".$prefix."district"; $query=$db->query($sql); $rs=$db->fetch_array($query); $t=$rs[num]; $sql="select name,total from ".$prefix."district"; $query=$db->query($sql); while($row=$db->fetch_array($query)){ $total=$row[total]; if(!empty($t)){ $v=round($total/$t,4)*100; }else{ $v=0; } $dis[]=array("name"=>$row[name],"total"=>$row[total],"v"=>$v); } $len_dis=count($dis); for($i=0;$i<$len_dis;$i++){ $dis_value[]=new pie_value(intval($dis[$i][total]),$dis[$i][name]."(".$dis[$i][v]."%)"); } $pie->set_values($dis_value); $chart = new open_flash_chart(); $chart->set_title( $title ); $chart->add_element( $pie ); $chart->x_axis = null; echo $chart->toPrettyString(); //天生json数据
本文地址:http://itbyc.com/php/13290.html
转载请注明出处。
分享是一种快乐,也是一种美德:
评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
博客首页 | WEB开发 | 网站运营 | CMS使用教程 滇ICP备14002061号-1