adsasd: Graph Source code (PHP)

Microsoft word နဲ႔ Execel တုိ႔မွာ ေတြ႕တဲ့Graph ေတြကုိ ျမင္ျပီး PHP နဲ႕ Graph ဆုိလုိ႔ရႏုိင္မလားဆုိျပီး စမ္းျပီး ေရးထားတဲ့ code ပါ။ ဒီgraph က သိမ့္ေတာ့ မျပည့္စုံေပမဲ့ သီအုိရီမ်ားကုိေလ့လာလုိ႔ရပါတယ္။ ကြ်န္ေတာ္ PHP source ကုဒ္ကုိ share ေပးလုိက္ပါတယ္။ကုဒ္ေလးကုိ copy ျပီးျပီး .php နဲ႔သိမ္းလုိက္ပါ :P

<?
 $graph_height=100;
 $days=8; 
 $stats['visits']=array();
 $stats['unique']=array();
 $stats['direct']=array();
 $stats['external']=array(); 
 $stats['page']=array();
 
 
 $bar_width=10;  
 $bar_gap=2;   
 $interval_gap=40; 
 
 $total_bars=5;
 $interval_width=($bar_width * $total_bars)+($bar_gap * ($total_bars-1));

$graph_width=($interval_width+$interval_gap)*$days + $interval_gap ;
 
 $week_days=array('basic','mon','tue','wed','thu','fri','sat','sun');
 ?>
<!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>PHP CSS Graph</title>
<style>
.bar1{
 width:<?=$bar_width ?>px;
 background-color:#A55541;
 float:left;
}
.bar2{
 width:<?=$bar_width ?>px;
 background-color:#CA804F;
 float:left;
}
.bar3{
 width:<?=$bar_width ?>px;
 background-color:#CCB426;
 float:left;
}
.bar4{
 width:<?=$bar_width ?>px;
 background-color:#8EA439;
 float:left;
}
.bar5{
 width:<?=$bar_width ?>px;
 background-color:#70883E;
 float:left;
}
.gap{
 width:<?=$bar_gap ?>px;
 float:left;
}
.space{
 width:<?=$interval_gap ?>px;
 float:left;
}
</style>
</head>

<body>
<h2>
<font style='color:#ff22ff;'>I</font><font style='color:#ff221f;'>n</font><font style='color:#ff2fff;'>c</font><font style='color:#6f42ff;'>o</font><font style='color:#f572ff;'>m</font><font style='color:#6f22ff;'>i</font><font style='color:#ff22ff;'>n</font><font style='color:#9f92ff;'>g</font> <font style='color:#ff22ff;'>P</font><font style='color:#ff22ff;'>h</font><font style='color:#ff22ff;'>o</font><font style='color:#ff22ff;'>n</font><font style='color:#ff22ff;'>e</font> <font style='color:#ff22ff;'>G</font><font style='color:#ff22ff;'>r</font><font style='color:#ff22ff;'>a</font><font style='color:#ff22ff;'>p</font><font style='color:#ff22ff;'>h</font></h2>
<div style="border:solid 1px #e1e1e1; background-color:#fafafa; height:<?=$graph_height ?>
px; width:<?=$graph_width ?>px; padding-top:20px;">
        <div style="height:<?=$graph_height ?>
px;" class="space"></div>
<?
  $stats['visits'][0]=100;
  $stats['unique'][0]=80;
  $stats['direct'][0]=60;
  $stats['external'][0]=40;
  $stats['page'][0]=20;
  $stats['visits'][1]=10;
  $stats['unique'][1]=20;
  $stats['direct'][1]=0;
  $stats['external'][1]=0;
  $stats['page'][1]=50;
  $stats['visits'][2]=10;
  $stats['unique'][2]=20;
  $stats['direct'][2]=0;
  $stats['external'][2]=0;
  $stats['page'][2]=50;
  $stats['visits'][3]=10;
  $stats['unique'][3]=20;
  $stats['direct'][3]=0;
  $stats['external'][3]=0;
  $stats['page'][3]=50;
  $stats['visits'][4]=10;
  $stats['unique'][4]=20;
  $stats['direct'][4]=0;
  $stats['external'][4]=0;
  $stats['page'][4]=50;
  $stats['visits'][5]=10;
  $stats['unique'][5]=20;
  $stats['direct'][5]=0;
  $stats['external'][5]=0;
  $stats['page'][5]=50;
 $stats['visits'][6]=10;
  $stats['unique'][6]=20;
  $stats['direct'][6]=0;
  $stats['external'][6]=0;
  $stats['page'][6]=50;
  $stats['visits'][7]=10;
  $stats['unique'][7]=20;
  $stats['direct'][7]=0;
  $stats['external'][7]=0;
  $stats['page'][7]=50;
  $stats['visits'][8]=10;
  $stats['unique'][8]=20;
  $stats['direct'][8]=0;
  $stats['external'][8]=0;
  $stats['page'][8]=50;
 $max_visits=max($stats['visits']);
 $max_unique=max($stats['unique']);
 $max_direct=max($stats['direct']);
 $max_external=max($stats['external']);
 $max_page=max($stats['page']); 
 
 
 
 $max=max($max_visits,$max_unique,$max_direct,$max_external,$max_page);
 $ratio=$graph_height/$max; 
 ?>
 <div style="height:<?=$visits1_height ?>
px; margin-top:<?=$visits_margin1 ?>px;" class="bar1"></div>
<div style="height:<?=$graph_height ?>
px;" class="gap"></div>
<?php
 for($i=0;$i<7;$i++){
  $visits=$stats['visits'][$i];
  $unique=$stats['unique'][$i];
  $direct=$stats['direct'][$i];
  $external=$stats['external'][$i];
  $page=$stats['page'][$i];
  $visits_height=intval($visits*$ratio); 
  $unique_height=intval($unique*$ratio);
  $direct_height=intval($direct*$ratio);
  $external_height=intval($external*$ratio);
  $page_height=intval($page*$ratio);
  $visits_margin=$graph_height-$visits_height;
  $unique_margin=$graph_height-$unique_height;
  $direct_margin=$graph_height-$direct_height;
  $external_margin=$graph_height-$external_height;
  $page_margin=$graph_height-$page_height;
 
 ?>
  
  
  <div style="height:<?=$visits_height ?>
px; margin-top:<?=$visits_margin ?>px;" class="bar1"></div>
<div style="height:<?=$graph_height ?>
px;" class="gap"></div>
<div style="height:<?=$unique_height ?>
px; margin-top:<?=$unique_margin ?>px;" class="bar2"></div>
<div style="height:<?=$graph_height ?>
px;" class="gap"></div>
<div style="height:<?=$direct_height ?>
px; margin-top:<?=$direct_margin ?>px;" class="bar3"></div>
<div style="height:<?=$graph_height ?>
px;" class="gap"></div>
<div style="height:<?=$external_height ?>
px; margin-top:<?=$external_margin ?>px;" class="bar4"></div>
<div style="height:<?=$graph_height ?>
px;" class="gap"></div>
<div style="height:<?=$page_height ?>
px; margin-top:<?=$page_margin ?>px;" class="bar5"></div>
<div style="height:<?=$graph_height ?>
px;" class="space"></div>
<? } ?>
  <div style="clear:both;">
</div>
</div>
<div style="height:15px; background-color:#8c8c8c; width:<?=$graph_width ?>
px; color:#FFF; border:solid 1px #666;">
  <div style="height:<?=$graph_height ?>
px;" class="space"></div>
<? for($i=0;$i<$days;$i++){ ?>
   <div style="width:<?=$interval_width ?>
px; text-align:center; float:left; font-size:12px; font-family:Verdana, Geneva, sans-serif;"><?=$week_days[$i] ?></div>
<div style="height:<?=$graph_height ?>
px;" class="space"></div>
<? } ?>
  
  </div>
</div>
<br>

</body>
</html>

မွန္ကန္ေသာနည္းပညာရွာေဖြသူမ်ားျဖစ္ႏုိင္ၾကပါေစ။
ေနာက္ထပ္ source code မ်ားကုိ ယူခ်င္ယူမ်ားအတြက္ ဆုိဒ္အေပာာင္းတြင္ကုဒ္ယူပါLink

ျမန္မာေတြကြန္ပ်ဴတာကုိ ကေလးကစားစရာလုပ္ၾကမယ္။
This is not a dream!!!

Monday, June 11, 2012

Graph Source code (PHP)

Comment

ျမန္မာေတြကြန္ပ်ဴတာကုိ ကေလးကစားစရာလုပ္ၾကမယ္။ This is not a dream!!!

Monday, June 11, 2012

Graph Source code (PHP)

Comment

ျမန္မာေတြကြန္ပ်ဴတာကုိ ကေလးကစားစရာလုပ္ၾကမယ္။
This is not a dream!!!