html5中文学习网

您的位置: 首页 > 网络编程 > PHP编程 » 正文

jpgraph+php+mysql生成柱状图(含附件)_PHP教程_编程技术

[ ] 已经帮助:人解决问题

/bXJHTML5中文学习网 - HTML5先行者学习网

  很详细的注释,希望对像我一样刚入门的朋友有帮助,附代码:bXJHTML5中文学习网 - HTML5先行者学习网

  CREATE DATABASE `jpgraph`; //创建数据库bXJHTML5中文学习网 - HTML5先行者学习网

  USE `jpgraph`;bXJHTML5中文学习网 - HTML5先行者学习网

  //创建测试表bXJHTML5中文学习网 - HTML5先行者学习网

  DROP TABLE IF EXISTS `jpg_temp`;bXJHTML5中文学习网 - HTML5先行者学习网

  CREATE TABLE `jpg_temp` (bXJHTML5中文学习网 - HTML5先行者学习网

  `year` int(11) NOT NULL,bXJHTML5中文学习网 - HTML5先行者学习网

  `money` float NOT NULL,bXJHTML5中文学习网 - HTML5先行者学习网

  `number` int(11) NOT NULLbXJHTML5中文学习网 - HTML5先行者学习网

  ) ENGINE=InnoDB DEFAULT CHARSET=latin1;bXJHTML5中文学习网 - HTML5先行者学习网

  //测试数据bXJHTML5中文学习网 - HTML5先行者学习网

  insert into `jpg_temp`(`year`,`money`,`number`) values (2007,150.78,120),(2008,100,90),(2009,120,100),(2010,100,78),(2011,70.56,60),(2012,90,100),(2013,140,180),(2014,150,200),(2015,130,110),(2016,110.85,150),(2020,180,230),(2050,200,210);bXJHTML5中文学习网 - HTML5先行者学习网

  //数据库链接文件bXJHTML5中文学习网 - HTML5先行者学习网

  bXJHTML5中文学习网 - HTML5先行者学习网

  /*bXJHTML5中文学习网 - HTML5先行者学习网

  * ProjectName:jpgraphbXJHTML5中文学习网 - HTML5先行者学习网

  * CreateDate:2011-5-12bXJHTML5中文学习网 - HTML5先行者学习网

  * Author:WilrbXJHTML5中文学习网 - HTML5先行者学习网

  * Description:数据库链接bXJHTML5中文学习网 - HTML5先行者学习网

  */bXJHTML5中文学习网 - HTML5先行者学习网

  $dbConn=mysql_connect("127.0.0.1","root","root");bXJHTML5中文学习网 - HTML5先行者学习网

  if(!$dbConn)bXJHTML5中文学习网 - HTML5先行者学习网

  echo '数据库通信失败';bXJHTML5中文学习网 - HTML5先行者学习网

  mysql_select_db("jpgraph");bXJHTML5中文学习网 - HTML5先行者学习网

  mysql_query("set names 'utf8'",$dbConn);bXJHTML5中文学习网 - HTML5先行者学习网

  $sql= " SELECT * FROM jpg_temp";bXJHTML5中文学习网 - HTML5先行者学习网

  $result=mysql_query($sql,$dbConn);bXJHTML5中文学习网 - HTML5先行者学习网

  $rowCount=mysql_num_rows($result);bXJHTML5中文学习网 - HTML5先行者学习网

  $datay=array();bXJHTML5中文学习网 - HTML5先行者学习网

  $datax=array();bXJHTML5中文学习网 - HTML5先行者学习网

  $number=array();bXJHTML5中文学习网 - HTML5先行者学习网

  while ($row=mysql_fetch_array($result)){bXJHTML5中文学习网 - HTML5先行者学习网

  $datay[]=$row["money"];bXJHTML5中文学习网 - HTML5先行者学习网

  $datax[]=$row["year"];bXJHTML5中文学习网 - HTML5先行者学习网

  $number[]=$row["number"];bXJHTML5中文学习网 - HTML5先行者学习网

  }bXJHTML5中文学习网 - HTML5先行者学习网

  //echo each($datay);bXJHTML5中文学习网 - HTML5先行者学习网

  //print_r($datay);bXJHTML5中文学习网 - HTML5先行者学习网

  mysql_close($dbConn);bXJHTML5中文学习网 - HTML5先行者学习网

  ?>bXJHTML5中文学习网 - HTML5先行者学习网

  //生成图表类bXJHTML5中文学习网 - HTML5先行者学习网

  bXJHTML5中文学习网 - HTML5先行者学习网

  require_once ('jpgraph/jpgraph.php'); //载入基本类bXJHTML5中文学习网 - HTML5先行者学习网

  require_once ('jpgraph/jpgraph_bar.php'); //载入柱状图bXJHTML5中文学习网 - HTML5先行者学习网

  include_once('db_config.php'); //载入数据处理文件bXJHTML5中文学习网 - HTML5先行者学习网

  $graph=new Graph(900,500); //创建一个图表 指定大小bXJHTML5中文学习网 - HTML5先行者学习网

  $graph->SetScale("textlin"); //设置坐标刻度类型bXJHTML5中文学习网 - HTML5先行者学习网

  $graph->img->SetMargin(40,180,30,40);//设置统计图边距 左、右、上、下bXJHTML5中文学习网 - HTML5先行者学习网

  //$graph->SetMarginColor("lightblue");//设置画布背景色 淡蓝色bXJHTML5中文学习网 - HTML5先行者学习网

  //$graph->SetBackgroundImage('stship.jpg',BGIMG_COPY); //设置背景图片bXJHTML5中文学习网 - HTML5先行者学习网

  //$graph->img->SetAngle(45); //设置图形在图像中的角度bXJHTML5中文学习网 - HTML5先行者学习网

  //设置标题信息bXJHTML5中文学习网 - HTML5先行者学习网

  $graph->title->Set('Wilr测试报表'); //设置统计图标题bXJHTML5中文学习网 - HTML5先行者学习网

  $graph->title->SetFont(FF_SIMSUN,FS_BOLD,20); //设置标题字体bXJHTML5中文学习网 - HTML5先行者学习网

  $graph->title->SetMargin(3);//设置标题的边距bXJHTML5中文学习网 - HTML5先行者学习网

  //设置X轴信息bXJHTML5中文学习网 - HTML5先行者学习网

  $graph->xaxis->title->Set('(单位:年)'); //标题bXJHTML5中文学习网 - HTML5先行者学习网

  $graph->xaxis->title->SetFont(FF_SIMSUN,FS_BOLD,10); //标题字体 大小bXJHTML5中文学习网 - HTML5先行者学习网

  $graph->xaxis->title->SetColor('black');//颜色bXJHTML5中文学习网 - HTML5先行者学习网

  $graph->xaxis->SetFont(FF_SIMSUN,FS_BOLD,10);//X轴刻度字体 大小bXJHTML5中文学习网 - HTML5先行者学习网

  $graph->xaxis->SetColor('black');//X轴刻度颜色bXJHTML5中文学习网 - HTML5先行者学习网

  $graph->xaxis->SetTickLabels($datax); //设置X轴标记bXJHTML5中文学习网 - HTML5先行者学习网

  $graph->xaxis->SetLabelAngle(0);//设置X轴的显示值的角度;bXJHTML5中文学习网 - HTML5先行者学习网

  //设置Y轴的信息bXJHTML5中文学习网 - HTML5先行者学习网

  $graph->yaxis->SetFont(FF_SIMSUN,FS_BOLD,10);//标题bXJHTML5中文学习网 - HTML5先行者学习网

  $graph->yaxis->SetColor('black');//颜色bXJHTML5中文学习网 - HTML5先行者学习网

  $graph->ygrid->SetColor('black@0.9');//X,y交叉表格颜色和透明度 @为程度值bXJHTML5中文学习网 - HTML5先行者学习网

  $graph->yaxis->scale->SetGrace(0);//设置Y轴显示值柔韧度(解释有点问题 呵呵 原谅)bXJHTML5中文学习网 - HTML5先行者学习网

  //设置数据bXJHTML5中文学习网 - HTML5先行者学习网

  $bplot1 = new BarPlot($datay);bXJHTML5中文学习网 - HTML5先行者学习网

  $bplot2 = new BarPlot($number);bXJHTML5中文学习网 - HTML5先行者学习网

  //设置柱状图柱颜色和透明度bXJHTML5中文学习网 - HTML5先行者学习网

  $bplot1->SetFillColor('orange@0.4');bXJHTML5中文学习网 - HTML5先行者学习网

  $bplot2->SetFillColor('brown@0.4');bXJHTML5中文学习网 - HTML5先行者学习网

  //设置值显示bXJHTML5中文学习网 - HTML5先行者学习网

  $bplot1->value->Show(); //显示值bXJHTML5中文学习网 - HTML5先行者学习网

  $bplot1->value->SetFont(FF_SIMSUN,FS_BOLD,10);//显示字体大小bXJHTML5中文学习网 - HTML5先行者学习网

  $bplot1->value->SetAngle(90); //显示角度bXJHTML5中文学习网 - HTML5先行者学习网

  $bplot1->value->SetFormat('%0.2f'); //显示格式 0.2f:精确到小属数点后2位bXJHTML5中文学习网 - HTML5先行者学习网

  $bplot2->value->Show();bXJHTML5中文学习网 - HTML5先行者学习网

  $bplot2->value->SetFont(FF_SIMSUN,FS_BOLD,10);bXJHTML5中文学习网 - HTML5先行者学习网

  $bplot2->value->SetAngle(90);bXJHTML5中文学习网 - HTML5先行者学习网

  $bplot2->value->SetFormat('%0.0f');bXJHTML5中文学习网 - HTML5先行者学习网

  //设置图列标签bXJHTML5中文学习网 - HTML5先行者学习网

  $graph->legend->SetFillColor('lightblue@0.9');//设置图列标签背景颜色和透明度bXJHTML5中文学习网 - HTML5先行者学习网

  $graph->legend->Pos(0.01,0.12,"right","center");//位置bXJHTML5中文学习网 - HTML5先行者学习网

  $graph->legend->SetFont(FF_SIMSUN,FS_NORMAL,10);//显示字体 大小bXJHTML5中文学习网 - HTML5先行者学习网

  $bplot1->SetLegend('消费金额(单位:万元)');bXJHTML5中文学习网 - HTML5先行者学习网

  $bplot2->SetLegend('人数(单位:万人次)');bXJHTML5中文学习网 - HTML5先行者学习网

  //设置每个柱状图的颜色和阴影透明度bXJHTML5中文学习网 - HTML5先行者学习网

  $bplot1->SetShadow('black@0.4');bXJHTML5中文学习网 - HTML5先行者学习网

  $bplot2->SetShadow('black@0.4');bXJHTML5中文学习网 - HTML5先行者学习网

  //生成图列bXJHTML5中文学习网 - HTML5先行者学习网

  $gbarplot = new GroupBarPlot(array($bplot1,$bplot2));bXJHTML5中文学习网 - HTML5先行者学习网

  $gbarplot->SetWidth(0.5); //柱状的宽度bXJHTML5中文学习网 - HTML5先行者学习网

  $graph->Add($gbarplot);bXJHTML5中文学习网 - HTML5先行者学习网

  $graph->Stroke(); //输出图像bXJHTML5中文学习网 - HTML5先行者学习网

  ?>bXJHTML5中文学习网 - HTML5先行者学习网

 bXJHTML5中文学习网 - HTML5先行者学习网

附件:  效果图.zip (25 K) bXJHTML5中文学习网 - HTML5先行者学习网

bXJHTML5中文学习网 - HTML5先行者学习网
bXJHTML5中文学习网 - HTML5先行者学习网
(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助