HOME P H P C S S Tips and Trik Kontes SEO

Membuat Grafik Batang Dengan Data Base MySQL



Hai para temen-temen progammer, kali ini ketemu lagi dengan sharing tutorial kita yaitu tutorial membuat grafik batang dengan data base MySql. Kali ini kita akan membuat grafik Jpgraph dengan database MySql. Nah grafik yang akan jadi contoh kali ini adalah grafik batang yang cantik. Nilai sumbu Y nya telah kita buat menjadi bentuk prosentase (%)

Nah, bagaimana sih urutan pembuatannya...Yuk Kita bahas satu-satu :
  1. Silahkan anda download dulu JpGraph sebelum anda membuat grafik dengan JpGraph 
  2. Extrak dulu JpGraph ke Folder localhost atau wamp/www/htdocs.
  3. Kemudian anda buka folder JpGraph dan cari folder example.
  4. Siapkan Database yang akan anda tampilkan dalm grafik JpGraph 
  5. Buka notepad++ anda dan ketik source berikut ini :
    1. <?php
      include ("jpgraph.php");
      include ("jpgraph_bar.php");
      include ("jpgraph_line.php");
      $db= mysql_connect("localhost", "root","") or die(mysql_error());
      mysql_select_db("nama_database",$db) or die(mysql_error());
      $sql = mysql_query("SELECT * FROM nama_table ") or die(mysql_error());
      while($row = mysql_fetch_array($sql))
      {
      $datay1[] = $row[1];
      $datay2[] = $row[2];
      $datax[] = $row[3];
      }
      function cbFmtPercentage($aVal) {
          return sprintf("%.0f%%",1*$aVal); // Convert to string
      }
      $graph = new Graph(1000,260,'auto');   
      $graph->img->SetMargin(44,32,30,30);
      $graph->SetScale("textint");
      $graph->SetFrame(true,'white',1);
      $graph->SetColor('lightblue');
      $graph->SetMarginColor('#403E98');
      $graph->tabtitle->Set("Pelanggan Bertransaksi Salesman Cabang");
      $graph->tabtitle->SetFont(FF_ARIAL,FS_BOLD,10);
      $graph->tabtitle->SetColor("#ffffff");
      $graph->tabtitle->SetFillColor("#1D010B");
      $graph->yaxis->scale->SetGrace(20);
      $graph->ygrid->SetFill(true,'#3542EA@0.5','#1536C2@0.5');
      $graph->yaxis->scale->SetGrace(20);
      $a = $gDateLocale->GetShortMonth();
      $graph->xaxis->SetTickLabels($datax);
      $graph->xaxis->SetFont(FF_ARIAL,FS_BOLD,7);
      $graph->xaxis->SetColor('darkblue','#FFFFFF');
      $graph->xgrid->Show();
      $graph->xgrid->SetLineStyle('dashed');
      $graph->xgrid->SetColor('#C1C3C5');
      $graph->yaxis->SetColor('darkblue','#85B3F2');
      $graph->yaxis->SetFont(FF_ARIAL,FS_BOLD,8);
      $graph->ygrid->SetLineStyle('dashed');
      $graph->ygrid->SetColor('#C1C3C5');
      $bplot = new BarPlot($datay1);
      $bplot->SetFillColor('#4AC010@0.2');
      $bplot->SetColor('white');
      $bplot->SetWidth(0.5);
      $bplot->value->SetAngle(90);
      $bplot->value->Show();
      $bplot->SetValuePos('top');
      $bplot->value->SetFont(FF_ARIAL,FS_BOLD,8);
      $bplot->value->SetFormat("%d");
      $bplot->value->SetColor("black","darkred");
      $gbarplot = new GroupBarPlot(array($bplot));
      $gbarplot->SetWidth(0.8);
      $graph->Add($gbarplot);
      $graph->Stroke();
      ?>
  6. Simpan dengan nama Membuat_Grafik_Batang.php 
  7. Silahkan  anda coba jalankan.....
Nah jika anda berhasil jangan lupa bersyukur yah...jika gagal jangan jadi gendeng. Ingat "Kerja keras adalah Energi kita ". Selamat ketemu di tutorial membuat grafik dengan JpGraph berikutnya kawan.....

Tags:tutorial,Membuat grafik JpGraph

3 comments:

  1. kalo dselip'in ke dalem template php bisa ng' mas bro ?? klu bisa it diselipin dimana ?? tolong bantuanya ??
    soalnya saya uda coba' jadinya blank malah
    kalo bisa pakek gambar mas biar lebih mudah di cerna articlenya . .
    thanx before


    d_must_bat69@yahoo.com
    e205.org

    ReplyDelete
  2. kalo dselip'in ke dalem template php bisa ng' mas bro ?? klu bisa it diselipin dimana ?? tolong bantuanya ??
    soalnya saya uda coba' jadinya blank malah
    kalo bisa pakek gambar mas biar lebih mudah di cerna articlenya . .
    thanx before

    ReplyDelete
  3. saya juga punya tutorialnya buat referensi

    Membuat Grafik Batang Dengan Database MySQL

    >> Klik Disini <<

    ReplyDelete

Silakan Coment disini

Related Posts with Thumbnails

Artikel Lainnya


ARSIP BLOG
MY MENU
POSTING TERBARU
TUKAR LINK

MEMBER
WEB LINKs
VISITOR