Создаем простой граф с помощью php и css

24-02-2010

Простой способ отображения графа процентов с использованием php. Вырабатываем процент простой математикой и показываем его уже с помощью CSS.

Сначала вам нужно скопировать этот css в головную часть вашей страницы.

.clear{
clear:both;}

.graphcont {
padding-top:10px;
color:#000;
font-weight:700;
float:left
}

.graph {
float:left;
margin-top:10px;
background-color:#cecece;
position:relative;
width:280px;
padding:0
}

.graph .bar {
display:block;
position:relative;
background-image:url(images/bargraph.gif);
background-position:right center;
background-repeat:repeat-x;
border-right:#538e02 1px solid;
text-align:center;
color:#fff;
height:25px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.9em
}

.graph .bar span {
position:absolute;
left:1em
}

Этот график можно использовать в проекте где необходимо оценить что либо. То есть пользователь может поставить плюс или минус оцениваемому объекту, затем код представленный ниже считает процент плюсов и минусов и выводит процент плюсов.

$plus = 1380;
$minus = 1000;

$totalnumber = $plus + $minus;

$pluspercent = round(($plus / $totalnumber) * 100);
$minuspercent = round(($minus / $totalnumber) * 100);

$total = round($plus + $minus);
$totalVotes += $total;

     echo '

The average rating of '.$pluspercent.'% is based on '.$totalVotes.' votes
'.$pluspercent.'%
';