深入PHP许愿墙模块功能分析(7)

function Show(n,divName){
 document.getElementById(n).style.zIndex = iLayerMaxNum+1;
 document.getElementById(divName).style.display = "block";
 document.getElementById(divName).style.zIndex = iLayerMaxNum;
 var size = getPageSize(); //设置隐藏区域的面积，这里是获取许愿墙显示区域的面积，即本例中设置滤镜的面积
 document.getElementById(divName).style.width = size[0]+"px"; 
 document.getElementById(divName).style.height = size[1]+"px";
}

(6)设置纸条显示的区域,这里得到的仅仅是数字

复制代码 代码如下:

function getPageSize(){
 var w =document.body.clientWidth;
 var h= document.body.clientHeight;
 arrayPageSize = new Array(w,h);
 return arrayPageSize;
}

2,应用Jpgraph图形类库实现3D饼形图表按地域统计分析许愿比率,实现过程如下：
(1)应用浮动框架技术实现不同类别下的地域统计分析结果，每一个黄颜色的版块分别是一个浮动框架.浮动框架布局的代码如下：

复制代码 代码如下:

<!----------------------------应用3D饼形图按地域统计分析”全部“许愿的比率---------------------------->
<div>
    <IFRAME frameBorder=0 id=top name=top scrolling=no src="https://www.jb51.net/statistic_all.php">
    </IFRAME>
</div>
<!----------------------------应用3D饼形图按地域统计分析”亲情类“许愿的比率---------------------------->
<div>
 <IFRAME frameBorder=0 id=top name=top scrolling=no src="https://www.jb51.net/statistic_relative.php">
    </IFRAME>
</div>
<!----------------------------应用3D饼形图按地域统计分析”爱情类“许愿的比率----------------------------> 
<div>
 <IFRAME frameBorder=0 id=top name=top scrolling=no src="https://www.jb51.net/statistic_love.php"   >
    </IFRAME>
</div>
<!----------------------------应用3D饼形图按地域统计分析”友情类“许愿的比率---------------------------->
<div>
 <IFRAME frameBorder=0 id=top name=top scrolling=no src="https://www.jb51.net/statistic_friend.php">
 </IFRAME>
</div>
<!----------------------------应用3D饼形图按地域统计分析”自己类“许愿的比率---------------------------->
<div>
 <IFRAME frameBorder=0 id=top name=top scrolling=no src="https://www.jb51.net/statistic_self.php">
 </IFRAME>
</div>
<!----------------------------应用3D饼形图按地域统计分析”奥运会类“许愿的比率---------------------------->
<div>
 <IFRAME frameBorder=0 id=top name=top scrolling=no src="https://www.jb51.net/statistic_olympic.php">
 </IFRAME>
</div>
<!----------------------------应用3D饼形图按地域统计分析”汶川类“许愿的比率---------------------------->
<div>
 <IFRAME frameBorder=0 id=top name=top scrolling=no src="https://www.jb51.net/statistic_wch.php">
 </IFRAME>
</div>

(2)应用3D饼形图动态统计分析全部区域的许愿比率
首先应用Jpgraph类库实现图表分析，需要应用include语句引用jpgraph.php文件。代码如下：

复制代码 代码如下:

<?php
 include("global.php");  //链接数据库源文件
 include("jpgraph/jpgraph.php");  //引用图表分析类文件
?>

绘制饼形图需要引用jpgraph_pie.php文件。绘制3D效果的饼形图需要创建PiePlot3D类对象，PiePlot3D类在Jpgraph_pie3d.php中定义，需要应用include语句调用该文件。代码如下：

复制代码 代码如下:

<?php
 include("jpgraph/jpgraph_pie.php");  //引用饼形图类文件
 include_once("jpgraph/jpgraph_pie3d.php");  //引用3D饼图PiePlot3D对象所在的类文件
?>

创建graph对象，生成一个990x276像素大小的画布，设置统计图所在画布的位置以及画布的阴影。设置标题的字体以及图例的字体。设置饼形图所在画布的位置以及半径，将绘制的3D饼形图添加到图像中。

复制代码 代码如下: