Canvas画扇形统计图

如何在PHP上显示JFreechart?可能大部分都遇到这种情况,在JSP上的servlet能完全的显示出JFreechart画的统计图,但是和其他语言混合运用就不能显示了

window.onload=function() {

问题:如何在ppt中画扇形统计图?

本文实例讲述了PHP分页显示的方法。分享给大家供大家参考,具体如下:

我现在也遇到这个问题,想了半个小时终于弄明白了,实现的过程还是很简单的。(个人经验总结而已)

var data=[0.2,0.4,0.1,0.2,0.1];//五个扇形的占比

回答:可以在excel中制作好后复制到ppt中

<?php
header("content-type:text/html;charset=utf-8");
$currentpage = 1;
if(isset($_GET['page']))
  $currentpage = $_GET['page'];
//连接数据库
$link = mysql_connect("localhost","root","") or die('连接失败');
mysql_select_db('myschool');
mysql_query('set names utf8');
$sql ="SELECT count(*) as 'count' from student";//查询记录的sql语句
$result = mysql_query($sql);
$arr = mysql_fetch_array($result);
$count = $arr['count'];
$pagesize = 3;
$pages = ceil($count/$pagesize);//共多少页
$prepage = $currentpage -1;
if($prepage<=0)
  $prepage=1;
$nextpage = $currentpage+1;
if($nextpage >= $pages){
 $nextpage = $pages;
}
$start =($currentpage-1) * $pagesize;//起始位置
$sql = "SELECT * from student limit $start,$pagesize";
echo $sql;
// $sql = "select * from student";
$result = mysql_query($sql);
?>
<!-- html部分 -->
<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Document</title>
</head>
<body>
<table border="1">
 <tr>
 <td>学号</td>
 <td>姓名</td>
 <td>性别</td>
 <td>年龄</td>
 </tr>
<?php while($arr=mysql_fetch_array($result)){ ?>
 <td><?php echo $arr['number']; ?></td>
 <td><?php echo $arr['name']; ?></td>
 <td><?php echo $arr['sex']; ?></td>
 <td><?php echo $arr['age']; ?></td>
 </tr>
<?php } ?>
 </table>
 <a href="<?php%20echo%20$_SERVER['PHP_SELF'].'?page='.$prepage;%20?>" rel="external nofollow" >上一页</a>  <a href="<?php%20echo%20$_SERVER['PHP_SELF'].'?page='.$nextpage;%20?>" rel="external nofollow" >下一页</a>
</body>
</html>

解决的思路:

var
dataColor=[“#F8ACAC”,’#9185F8′,’#FD7ADF’,’#65E0F9′,’#6EF668′];//五个扇形的颜色

回答:1、点插入菜单——图表;

注:当一个文件中有php和html两种时,php文件必须有结束标记

1.先将JFreechart生成的图片保存在web 服务器上。

var angleStart=0,angleEnd,angle;

2、选择饼图,选择其中一种饼图样式,点确定。

附:php通用分页类与用法:

2.然后在JSP上用标签显示

var Q3Canvas=document.getElementById(‘Q3-canvas’);

回答:插入饼图即可

Page.class.php文件:

3.通过JS将JSP导入PHP页面

var ctx=Q3Canvas.getContext(“2d”);

<?php
/**
 * 分页类
 *
 * 调用方式:
 * $p=new Page(总条数,显示页数,当前页码,每页显示条数,[链接]);
 * print_r($p->getPages()); //生成一个页码数组(键为页码,值为链接)
 * echo $p->showPages(1);  //生成一个页码样式(可添加自定义样式)
 *
 */
/*
总条数,需要显示的页数,当前页,每页显示的条数,连接
生成一个一维数组,键为页码 值为连接
返回一个生成好样式的页码(并且可以根据自己需要添加样式)
默认样式 共45条记录,每页显示10条,当前第1/4页 [首页] [上页] [1] [2] [3] .. [下页] [尾页]
*/
class Page{
  protected $count;    //总条数
  protected $showPages;  //需要显示的页数
  protected $countPages; //总页数
  protected $currPage;  //当前页
  protected $subPages;  //每页显示条数
  protected $href;    //连接
  protected $page_arr=array();  //保存生成的页码 键页码 值为连接
  /**
   * __construct 构造函数(获取分页所需参数)
   * @param int $count   总条数
   * @param int $showPages 显示页数
   * @param int $currPage 当前页数
   * @param int $subPages 每页显示数量
   * @param string $href  连接(不设置则获取当前URL)
   */
  public function __construct($count,$showPages,$currPage,$subPages,$href=''){
    $this->count=$count;
    $this->showPages=$showPages;
    $this->currPage=$currPage;
    $this->subPages=$subPages;
    //如果链接没有设置则获取当前连接
    if(empty($href)){
      $this->href=htmlentities($_SERVER['PHP_SELF']);
    }else{
      $this->href=$href;
    }
    $this->construct_Pages();
  }
  /**
   * getPages 返回页码数组
   * @return array 一维数组 键为页码 值为链接
   */
  public function getPages(){
    return $this->page_arr;
  }
  /**
   * showPages 返回生成好的页码
   * @param int $style 样式
   * @return string   生成好的页码
   */
  public function showPages($style=1){
    $func='pageStyle'.$style;
    return $this->$func();
  }
  /**
   * pageStyle1 分页样式(可参照这个添加自定义样式 例如pageStyle2())
   * 样式 共45条记录,每页显示10条,当前第1/4页 [首页] [上页] [1] [2] [3] .. [下页] [尾页]
   * @return string
   */
  protected function pageStyle1(){
    /* 构造普通模式的分页
    共4523条记录,每页显示10条,当前第1/453页 [首页] [上页] [1] [2] [3] .. [下页] [尾页]
    */
    $pageStr='共'.$this->count.'条记录,每页显示'.$this->subPages.'条';
    $pageStr.='当前第'.$this->currPage.'/'.$this->countPages.'页 ';
    $_GET['page'] = 1;
    $pageStr.='[<a href="'.$this->href.'?'.http_build_query($_GET).'" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >首页</a>] ';
    //如果当前页不是第一页就显示上页
    if($this->currPage>1){
      $_GET['page'] = $this->currPage-1;
      $pageStr.='[<a href="'.$this->href.'?'.http_build_query($_GET).'" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >上页</a>] ';
    }
    foreach ($this->page_arr as $k => $v) {
      $_GET['page'] = $k;
      $pageStr.='[<a href="'.$v.'" rel="external nofollow" >'.$k.'</a>] ';
    }
    //如果当前页小于总页数就显示下一页
    if($this->currPage<$this->countPages){
      $_GET['page'] = $this->currPage+1;
      $pageStr.='[<a href="'.$this->href.'?'.http_build_query($_GET).'" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >下页</a>] ';
    }
    $_GET['page'] = $this->countPages;
    $pageStr.='[<a href="'.$this->href.'?'.http_build_query($_GET).'" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >尾页</a>] ';
    return $pageStr;
  }
  /**
   * construct_Pages 生成页码数组
   * 键为页码,值为链接
   * $this->page_arr=Array(
   *         [1] => index.php?page=1
   *         [2] => index.php?page=2
   *         [3] => index.php?page=3
   *         ......)
   */
  protected function construct_Pages(){
    //计算总页数
    $this->countPages=ceil($this->count/$this->subPages);
    //根据当前页计算前后页数
    $leftPage_num=floor($this->showPages/2);
    $rightPage_num=$this->showPages-$leftPage_num;
    //左边显示数为当前页减左边该显示的数 例如总显示7页 当前页是5 左边最小为5-3 右边为5+3
    $left=$this->currPage-$leftPage_num;
    $left=max($left,1); //左边最小不能小于1
    $right=$left+$this->showPages-1; //左边加显示页数减1就是右边显示数
    $right=min($right,$this->countPages); //右边最大不能大于总页数
    $left=max($right-$this->showPages+1,1); //确定右边再计算左边,必须二次计算
    for ($i=$left; $i <= $right; $i++) {
      $_GET['page'] = $i;
      $this->page_arr[$i]=$this->href.'?'.http_build_query($_GET);
    }
  }
}
?>

这样就实现了。

for(var i=0;i<data.length;i++){

用法示例demo.php:

部分getColumnChart.jsp源码:
复制代码 代码如下:
String startTime = request.getParameter(“startTime”);
String endTime = request.getParameter(“endTime”);
String filter = request.getParameter(“filter”);
Charts charts = new Charts();
String start = startTime == null ? “2013-05-12” : startTime;
String end = endTime == null ? “2013-11-01” : endTime;
String filters = filter == null ? “eventtype” : filter;
JFreeChart chart = charts
.getPieChart(startTime, endTime, filter);//开始时间、结束时间、filter
String filename = ServletUtilities.saveChartAsJPEG(chart, 800, 400,
null, session);
FileOutputStream fos_jpg = null;
File file = new File(application.getRealPath(“”)+”/charts”);
String path =request.getContextPath()+”/charts/NoData.jpg”;
try {
file.mkdirs();
fos_jpg = new FileOutputStream(file.getPath()+”/”+filename);
ChartUtilities.writeChartAsJPEG(fos_jpg, 1.0f, chart, 800, 400,
null);
} catch (Exception e) {
} finally {
try {
fos_jpg.close();
} catch (Exception e) {
}
}
path = request.getContextPath()+”/charts/”+filename;
%>

angle=2*Math.PI*data[i];

<?php
/**
 * demo
 */
header("content-type:text/html;charset=utf8");
include('Page.class.php');  //引入类
//$p=new Page(总条数,显示页数,当前页码,每页显示条数,[链接]);
//连接不设置则为当前链接
$page=isset($_GET['page']) ? $_GET['page'] : 1;
$p=new Page(100,4,$page,8);
//生成一个页码数组(键为页码,值为链接)
echo "<pre>";
print_r($p->getPages());
//样式 共45条记录,每页显示10条,当前第1/4页 [首页] [上页] [1] [2] [3] .. [下页] [尾页]
echo $p->showPages(1);

图片 1
<>

angleEnd=angleStart+angle;

实现导入JSP的JS源码
复制代码 代码如下:
extjs.chart.chart3D = function(nodeid,id){
var panel = new Ext.Panel({
border:false,
fitToFrame: true,//很简单的就一个Html标签
html: ”
});
return panel;
}

ctx.beginPath();

ctx.fillStyle=dataColor[i];

ctx.arc(Q3Canvas.width/2,Q3Canvas.height/2,Q3Canvas.width/2,angleStart,angleEnd);

ctx.lineTo(Q3Canvas.width/2,Q3Canvas.height/2);

ctx.closePath();

ctx.fill();

angleStart=angleEnd;//设置画下一个扇形的起点位置

};

};

图片 2

发表评论

电子邮件地址不会被公开。 必填项已用*标注