从数据库中取出最近三十天的数据并生成柱状图

190 阅读 0 评论 126 点赞

我是靠谱客的博主落寞小鸽子，最近开发中收集的这篇文章主要介绍从数据库中取出最近三十天的数据并生成柱状图，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

在终端用cd 命令进入文件目录
说明：此处例子我是拿项目中的一个例子讲解的。
1、新建一个项目：用终端输入：zf create project Airline 格式：zf create action project project-name 备注：这些格式可以在终端输入zf 查看
2、新建一个action ：zf create action dirgramshow index 格式：zf create action action-name controller-name
3、新建一个 model ：zf create db-table flightinformation
action 层代码：indexController.php

复制代码代码如下:

 
public function indexAction () 
{ 
// action body 
$db = new Application_Model_DbTable_Flightinformation(); 
/*获取最近30天内的数目 
* select day(boo_time) as day,count(boo_autoid)as count,boo_time from bookinformation 
where flag_pass=0 and date_sub(now(), interval 30 day)<=date(boo_time) 
group by DATE_FORMAT(boo_time,'%m %d') 
*/ 
$sql = "select DATE_FORMAT(boo_time,'%m-%d') as day,count(boo_autoid)as count from bookinformation " . 
"where flag_pass=0 and date_sub(now(), interval 30 day)<=date(boo_time) " . 
"group by DATE_FORMAT(boo_time,'%m %d')"; 
$result = $db->getAllInfo($sql)->fetchAll(); 
$this->view->result=$result; 
} 

view 层代码：dirgramshow.phtml

复制代码代码如下:

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>航班折线图</title> 
<script language="javascript" type="text/javascript" 
src="<?php 
echo $this->baseUrl() . '/skin/source/jquery/jquery.js'?>"></script> 
<script language="javascript" type="text/javascript" 
src="<?php 
echo $this->baseUrl() . '/skin/js/ZJPjscharts.js'?>"></script> 
</head> 
<body> 
<div id="graph">Loading graph...</div> 
<script type="text/javascript"> 
var d=new Array(); 
var color=new Array(); 
<?php 
foreach ($this->result as $key => $value) { 
?> 
d.push(new Array('<?php 
echo $value['day']?>',<?php 
echo $value['count']?>)); 
color.push('#2D6B96'); 
<?php 
} 
?> 
if(d!=""){ 
//['#2D6B96', '#327AAD', '#3E90C9', '#55A7E3', '#60B6F0', '#81C4F0', '#9CCEF0'] 
var myData = d; 
var colors =color; 
var myChart = new JSChart('graph', 'bar'); 
myChart.setDataArray(myData); 
myChart.colorizeBars(colors); 
myChart.setTitle('Airline diagram'); 
myChart.setTitleColor('#8E8E8E'); 
myChart.setAxisNameX(''); 
myChart.setAxisNameY(''); 
myChart.setAxisColor('#C4C4C4'); 
myChart.setAxisNameFontSize(16); 
myChart.setAxisNameColor('#999'); 
myChart.setAxisValuesColor('#777'); 
myChart.setAxisColor('#B5B5B5'); 
myChart.setAxisWidth(1); 
myChart.setBarValuesColor('#2F6D99'); 
myChart.setBarOpacity(0.5); 
myChart.setAxisPaddingTop(60); 
myChart.setAxisPaddingBottom(40); 
myChart.setAxisPaddingLeft(45); 
myChart.setTitleFontSize(11); 
myChart.setBarBorderWidth(0); 
myChart.setBarSpacingRatio(50); 
myChart.setBarOpacity(0.9); 
myChart.setFlagRadius(6); 
myChart.setTooltip(['North America', 'U.S.A and Canada']); 
myChart.setTooltipPosition('nw'); 
myChart.setTooltipOffset(3); 
myChart.setSize(616, 321); 
/*myChart.setBackgroundImage('<?php 
//echo $this->baseUrl() . '/skin/image/ZJPchart_bg.jpg'?>');*/ 
myChart.draw(); 
} 
</script> 
</body> 
</html> 

model 层代码：Flightinformation.php

复制代码代码如下:

 
<?php 
class Application_Model_DbTable_Flightinformation extends Zend_Db_Table_Abstract 
{ 
protected $_name = 'flightinformation'; 
public function getAllInfo($sql){ 
$adapter = Zend_Registry::get('db'); 
$flightinformation = $adapter->query($sql); 
return $flightinformation; 
} 
} 

最后的效果图如下：