jpgraph+php+mysql產生柱狀圖(含代碼)

來源:互聯網
上載者:User

jpgraph+php+mysql產生柱狀圖(含代碼) 並有詳細的解釋!

一、首先建立資料庫及測試表:

CREATE DATABASE `jpgraph`; //建立資料庫

  USE `jpgraph`;

  //建立測試表

  DROP TABLE IF EXISTS `jpg_temp`;

  CREATE TABLE `jpg_temp` (

  `year` int(11) NOT NULL,

  `money` float NOT NULL,

  `number` int(11) NOT NULL

  ) ENGINE=InnoDB DEFAULT CHARSET=latin1;

  //測試資料

  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);

二、mysql.php

<?php

//資料庫連結檔案

  $dbConn=mysql_connect("localhost","root","syc");

  if(!$dbConn)

  echo '資料庫通訊失敗';

  mysql_select_db("jpgraph");

  mysql_query("set names 'utf8'",$dbConn);

  $sql= " SELECT * FROM jpg_temp";

  $result=mysql_query($sql,$dbConn);

  $rowCount=mysql_num_rows($result);

  $datay=array();

  $datax=array();

  $number=array();

  while ($row=mysql_fetch_array($result)){

  $datay[]=$row["money"];

  $datax[]=$row["year"];

  $number[]=$row["number"];

  }

  //echo each($datay);

  //print_r($datay);

  mysql_close($dbConn);

  ?>

三、組建圖表index.php

  <?php

    date_default_timezone_set("PRC");//添加時間以防報錯

     //組建圖表類

    require_once ('jpgraph/jpgraph.php'); //載入基本類

  require_once ('jpgraph/jpgraph_bar.php'); //載入柱狀圖

  include_once(‘mysql.php'); //載入資料處理檔案

  $graph=new Graph(900,500); //建立一個圖表 指定大小

  $graph->SetScale("textlin"); //設定座標刻度類型

  $graph->img->SetMargin(40,180,30,40);//設定統計圖邊距 左、右、上、下

  //$graph->SetMarginColor("lightblue");//設定畫布背景色 淡藍色

  //$graph->SetBackgroundImage('stship.jpg',BGIMG_COPY); //設定背景圖片

  //$graph->img->SetAngle(45); //設定圖形在映像中的角度

  //設定標題資訊

  $graph->title->Set('Syc測試報表'); //設定統計表徵圖題

  $graph->title->SetFont(FF_SIMSUN,FS_BOLD,20); //設定標題字型

  $graph->title->SetMargin(3);//設定標題的邊距

  //設定X軸資訊

  $graph->xaxis->title->Set('(單位:年)'); //標題

  $graph->xaxis->title->SetFont(FF_SIMSUN,FS_BOLD,10); //標題字型 大小

  $graph->xaxis->title->SetColor('black');//顏色

  $graph->xaxis->SetFont(FF_SIMSUN,FS_BOLD,10);//X軸刻度字型 大小

  $graph->xaxis->SetColor('black');//X軸刻度顏色

  $graph->xaxis->SetTickLabels($datax); //設定X軸標記

  $graph->xaxis->SetLabelAngle(0);//設定X軸的顯示值的角度;

  //設定Y軸的資訊

  $graph->yaxis->SetFont(FF_SIMSUN,FS_BOLD,10);//標題

  $graph->yaxis->SetColor('black');//顏色

  $graph->ygrid->SetColor('black@0.9');//X,y交叉表格顏色和透明度 @為程度值

  $graph->yaxis->scale->SetGrace(0);//設定Y軸顯示值柔韌度(解釋有點問題 呵呵 原諒)

  //設定資料

  $bplot1 = new BarPlot($datay);

  $bplot2 = new BarPlot($number);

  //設定柱狀圖柱顏色和透明度

  $bplot1->SetFillColor('orange@0.4');

  $bplot2->SetFillColor('brown@0.4');

  //設定值顯示

  $bplot1->value->Show(); //顯示值

  $bplot1->value->SetFont(FF_SIMSUN,FS_BOLD,10);//顯示字型大小

  $bplot1->value->SetAngle(90); //顯示角度

  $bplot1->value->SetFormat('%0.2f'); //顯示格式 0.2f:精確到小屬數點後2位

  $bplot2->value->Show();

  $bplot2->value->SetFont(FF_SIMSUN,FS_BOLD,10);

  $bplot2->value->SetAngle(90);

  $bplot2->value->SetFormat('%0.0f');

  //設定圖欄標籤

  $graph->legend->SetFillColor('lightblue@0.9');//設定圖欄標籤背景顏色和透明度

  $graph->legend->Pos(0.01,0.12,"right","center");//位置

  $graph->legend->SetFont(FF_SIMSUN,FS_NORMAL,10);//顯示字型 大小

  $bplot1->SetLegend('消費金額(單位:萬元)');

  $bplot2->SetLegend('人數(單位:萬人次)');

  //設定每個柱狀圖的顏色和陰影透明度

  $bplot1->SetShadow('black@0.4');

  $bplot2->SetShadow('black@0.4');

  //產生圖列

  $gbarplot = new GroupBarPlot(array($bplot1,$bplot2));

  $gbarplot->SetWidth(0.5); //柱狀的寬度

  $graph->Add($gbarplot);

  $graph->Stroke(); //輸出映像

  ?>

四、產生的圖表

 

 

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.