Grafic in forma de placinta (pie)

Iata un script simplu care imbina CSS si PHP pentru a crea un grafic (de forma placinta), metoda folosita pentru statistici. Usor de folosit si editat dupa bunul plac pentru a se integra in paginile voastre de statistici.

style.css

.css_pie {
	display: block;
	margin: 20;
	padding: 0;
	width: 30px;
	height: 30px;
	background-image: url(grafic-in-forma-de-placinta-pie.jpg);
}

.size05 {
	background-position: -0px 0;
}

.size10 {
	background-position: -30px 0;
}

.size15 {
	background-position: -60px 0;
}

.size20 {
	background-position: -90px 0;
}

.size25 {
	background-position: -120px 0;
}

.size30 {
	background-position: -150px 0;
}

.size35 {
	background-position: -180px 0;
}

.size40 {
	background-position: -210px 0;
}

.size45 {
	background-position: -240px 0;
}

.size50 {
	background-position: -270px 0;
}

.size55 {
	background-position: -300px 0;
}

.size60 {
	background-position: -330px 0;
}

.size65 {
	background-position: -360px 0;
}

.size70 {
	background-position: -390px 0;
}

.size75 {
	background-position: -420px 0;
}

.size80 {
	background-position: -450px 0;
}

.size85 {
	background-position: -480px 0;
}

.size90 {
	background-position: -510px 0;
}

.size95 {
	background-position: -540px 0;
}

.size100 {
	background-position: -570px 0;
}

.procent 
{
	margin: -7 0 0 -7;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 12px; 
	font-weight: bold;
	color: #333333;
}

grafic.php

<html>
<head>
	<title>Grafic in forma de placinta (pie)</title>
	<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<h2>Grafic</h2>
<?php
function css_pie($valoare,$valoare_max) 
{
	if ($valoare > $valoare_max)
	{
		$eroare = 'Valoarea este mai mare decat valoarea maxima!';
		return $eroare;
	} 
	else
	{
		$valoare = $valoare / $valoare_max * 100;
		$procent = floor($valoare);
		$procent = $procent / 10;
		$procent = explode('.', $procent);
		if ($procent['1'] > 5)
		{
			$procent_b = 0;
			$procent_a = $procent['0'] + 1;
		}
		elseif ($procent['1'] < 5)
		{
			$procent_b = 0;
			$procent_a = $procent['0'];
		} 
		elseif ($procent['1'] == 5)
		{
			$procent_b = $procent['1'];
			$procent_a = $procent['0'];
		}
		$procent = $procent_a.$procent_b;
		$css_procent = '<div class="css_pie size' . $procent . '"><p class="procent">' . floor($valoare) . '%</p></div>';
		return $css_procent;
	}
}
?>
</body>
</html>

Aici gasiti imaginea.

Cum functioneaza: in fisierul PHP este o functie css_pie care va fi apelata din pagina voastra de statistici, exemplu mai jos.

<?php echo css_pie($valoare,$valoare_max); ?>

Variabila $valoare este valoarea din care vrem sa extragem procentajul si $valoare_max este valoarea maxima a inregistrarilor.

Succes 😉

Leave a Reply

Your email address will not be published. Required fields are marked *