PHP動態(tài)柱狀圖實現(xiàn)方法

更新時間：2015年03月30日 09:02:30 作者：詩未冷

這篇文章主要介紹了PHP動態(tài)柱狀圖實現(xiàn)方法,實例分析了php結(jié)合HTML元素實現(xiàn)動態(tài)柱狀圖的技巧,非常具有實用價值,需要的朋友可以參考下

本文實例講述了PHP動態(tài)柱狀圖實現(xiàn)方法。分享給大家供大家參考。具體分析如下：

1.需求

查詢最近一個月的數(shù)據(jù)總條數(shù)和審核通過的條數(shù)，做成柱狀圖

2.實現(xiàn)代碼：

<!DOCTYPE html> 
<?php   
//計算上一個月的今天 
function last_month_today($time){ 
  $last_month_time = mktime(date("G", $time), date("i", $time),date("s", $time), date("n", $time), 0, date("Y",$time)); 
  $last_month_t = date("t", $last_month_time); 
  if ($last_month_t < date("j", $time)) { 
    return date("Y-m-t H:i:s", $last_month_time); 
  } 
  return date(date("Y-m", $last_month_time) . "-d", $time); 
} 
?> 
 
<?php 
  include dirname(dirname(dirname(__FILE__))).'/config.php'; 
  $endDate = date('Y-m-d');   
  $date = strtotime($endDate); 
  $beginDate= last_month_today($date); 
 
//查詢最近一個月的總的數(shù)據(jù)條數(shù) 
$sql = 'select count(*) from newpro where p_date>\''.$beginDate.'\' and p_date<\''.$endDate.'\''; 
//$sql = "select count(*) from newpro where p_date>'$beginDate' and p_date <'$endDate'";//這條語句也可以 
$d = db()->query($sql)->fetch(PDO::FETCH_NUM); 
//echo "總的數(shù)據(jù)條數(shù)：".$d[0]; 
 
//查詢審核通過的數(shù)據(jù)條數(shù) 
$sql2=$sql.' and is_pa_check_first=1 and is_pa_check_second=1 and is_pa_check_third=1'; 
$d2 = db()->query($sql2)->fetch(PDO::FETCH_NUM); 
//echo "審核通過的數(shù)據(jù)條數(shù)：".$d2[0]; 
 
//查詢一次審核通過的條數(shù) 
$sql3=$sql.' and is_pa_check_first=1'; 
$d3 = db()->query($sql3)->fetch(PDO::FETCH_NUM); 
 
//查詢二次審核通過的條數(shù) 
$sql4=$sql.' and is_pa_check_first=1 and is_pa_check_second=1'; 
$d4 = db()->query($sql4)->fetch(PDO::FETCH_NUM); 
?> 

<html> 
  <head> 
    <meta charset="utf-8"/> 
    <style> 
      table{ 
        cellpadding:0px; 
        cellspacing:0px; 
      } 
      p{ 
        padding:0px; 
        margin:0px; 
      } 
      div{ 
        background-color:#669900; 
        width:50px; 
      } 
      #div1{ 
        height:200px; 
      } 
    </style> 
    <script type="text/javascript" src="../../../js/jquery-1.7.2.min.js"></script> 
  </head> 
  <body> 
    <table border="0" > 
      <tr align="center" valign="bottom"> 
        <td> 
          <p><?php echo $d[0]?></p> 
          <div id="div1"></div> 
        </td> 
        <td > 
          <p><?php echo $d3[0]?></p> 
          <div style="height:<?php $str=floor(($d3[0]/$d[0])*200); echo $str.'px'?>"></div> 
        </td> 
        <td > 
          <p><?php echo $d4[0]?></p> 
          <div style="height:<?php $str=floor(($d4[0]/$d[0])*200); echo $str.'px'?>"></div> 
        </td> 
        <td > 
          <p><?php echo $d2[0]?></p> 
          <div style="height:<?php $str=floor(($d2[0]/$d[0])*200); echo $str.'px'?>"></div> 
        </td> 
      </tr> 
      <tr align="center" valign="top"> 
        <td><p>總計</p></td> 
        <td><p>一審?fù)ㄟ^</p></td> 
        <td><p>二審?fù)ㄟ^</p></td> 
        <td><p>審核通過</p></td> 
      </tr> 
    </table> 
  </body> 
</html>

3.效果圖如下所示：