главная | лента новостей | форумы | статьи и материалы | регистрация | услуги


   
новости  
  на страницу новостей
  информер на Ваш сайт
  RSS
   
   
форумы  
   
   
статьи  
   
   
проекты  
  Женский журнал
  Мониторинг обменных курсов Webmoney
  Бесплатные flash-игры
  АТС Coral
  Инфосеть Николаева
   
   
услуги  
  веб-дизайн и разработка
  дизайн в печати
  хостинг
  регистрация доменных имен
   
   
Украинская Баннерная Сеть
Rambler's Top100
Рейтинг@Mail.ru
netgen noteweb rss system

 
веб-программирование

Построение графиков в PHP

(06.09.05 09:14)

Мы рассмотрим пример построения графика по заданному множеству значений. Размер графика и размер подписи будет зависеть от размера изображения.
мы будем обращать особое внимание на сглаживание.
Сглаживание производится методом усреднения соседних значений. Значение каждой точки рассчитывается как средне-арифметическое пяти соседних значений:
r[x]=(v[x]+v[x-1]+v[x-2]+v[x+1]+v[x+2])/5
Для сглаживания точек в краях графика нам придется добавить по два дополнительных значения:
v[-1]=v[0];
v[-2]=v[0];
v[count+1]=v[count];
v[count+2]=v[count];

где, count - количество точек на графике

Пример: Построение графика.
<?
// Задаем входные данные ############################################
// Входные данные - три ряда, содержащие случайные данные.
// Деление на 2 и 3 взято для того чтобы передние ряды не
// пересекались
// Массив $DATA["x"] содержит подписи по оси "X"
$DATA=Array();
for ($i=0;$i<20;$i++) {
$DATA[0][]=rand(0,100);
$DATA[1][]=rand(0,100)/2;
$DATA[2][]=rand(0,100)/3;
$DATA["x"][]=$i;
}

// Задаем изменяемые значения #######################################
// Размер изображения
$W=16384;
$H=8192;

// Отступы
$MB=20; // Нижний
$ML=8; // Левый
$M=5; // Верхний и правый отступы.
// Они меньше, так как там нет текста
// Ширина одного символа
$LW=imagefontwidth(2);
// Подсчитаем количество элементов (точек) на графике
$count=count($DATA[0]);
if (count($DATA[1])>$count) $count=count($DATA[1]);
if (count($DATA[2])>$count) $count=count($DATA[2]);

if ($count==0) $count=1;
// Сглаживаем графики ###############################################
if ($_GET["smooth"]==1) {
// Добавим по две точки справа и слева от графиков. Значения в
// этих точках примем равными крайним. Например, точка если
// y[0]=16 и y[n]=17, то y[1]=16 и y[-2]=16 и y[n+1]=17 и y[n+2]=17
// Такое добавление точек необходимо для сглаживания точек
// в краях графика
for ($j=0;$j<3;$j++) {
$DATA[$j][-1]=$DATA[$j][-2]=$DATA[$j][0];
$DATA[$j][$count]=$DATA[$j][$count+1]=$DATA[$j][$count-1];
}

// Сглаживание графики методом усреднения соседних значений
for ($i=0;$i<$count;$i++) {
for ($j=0;$j<3;$j++) {
$DATA[$j][$i]=($DATA[$j][$i-1]+$DATA[$j][$i-2]+
$DATA[$j][$i]+$DATA[$j][$i+1]+
$DATA[$j][$i+2])/5;
}
}
}


// Подсчитаем максимальное значение
$max=0;
for ($i=0;$i<$count;$i++) {
$max=$max<$DATA[0][$i]?$DATA[0][$i]:$max;
$max=$max<$DATA[1][$i]?$DATA[1][$i]:$max;
$max=$max<$DATA[2][$i]?$DATA[2][$i]:$max;
}

// Увеличим максимальное значение на 10% (для того, чтобы столбик
// соответствующий максимальному значение не упирался в в границу
// графика
$max=intval($max+($max/10));
// Количество подписей и горизонтальных линий
// сетки по оси Y.
$county=10;
// Работа с изображением ############################################
// Создадим изображение
$im=imagecreate($W,$H);
// Цвет фона (белый)
$bg[0]=imagecolorallocate($im,255,255,255);
// Цвет задней грани графика (светло-серый)
$bg[1]=imagecolorallocate($im,231,231,231);
// Цвет левой грани графика (серый)
$bg[2]=imagecolorallocate($im,212,212,212);
// Цвет сетки (серый, темнее)
$c=imagecolorallocate($im,184,184,184);
// Цвет текста (темно-серый)
$text=imagecolorallocate($im,136,136,136);
// Цвета для линий графиков
$bar[2]=imagecolorallocate($im,191,65,170);
$bar[0]=imagecolorallocate($im,161,155,0);
$bar[1]=imagecolorallocate($im,65,170,191);

$text_width=0;
// Вывод подписей по оси Y
for ($i=1;$i<=$county;$i++) {
$strl=strlen(($max/$county)*$i)*$LW;
if ($strl>$text_width) $text_width=$strl;
}

// Подравняем левую границу с учетом ширины подписей по оси Y
$ML+=$text_width;
// Посчитаем реальные размеры графика (за вычетом подписей и
// отступов)
$RW=$W-$ML-$M;
$RH=$H-$MB-$M;

// Посчитаем координаты нуля
$X0=$ML;
$Y0=$H-$MB;

$step=$RH/$county;
// Вывод главной рамки графика
imagefilledrectangle($im, $X0, $Y0-$RH, $X0+$RW, $Y0, $bg[1]);
imagerectangle($im, $X0, $Y0, $X0+$RW, $Y0-$RH, $c);

// Вывод сетки по оси Y
for ($i=1;$i<=$county;$i++) {
$y=$Y0-$step*$i;
imageline($im,$X0,$y,$X0+$RW,$y,$c);
imageline($im,$X0,$y,$X0-($ML-$text_width)/4,$y,$text);
}

// Вывод сетки по оси X
// Вывод изменяемой сетки
for ($i=0;$i<$count;$i++) {
imageline($im,$X0+$i*($RW/$count),$Y0,$X0+$i*($RW/$count),$Y0,$c);
imageline($im,$X0+$i*($RW/$count),$Y0,$X0+$i*($RW/$count),$Y0-$RH,$c);
}

// Вывод линий графика
$dx=($RW/$count)/2;
$pi=$Y0-($RH/$max*$DATA[0][0]);
$po=$Y0-($RH/$max*$DATA[1][0]);
$pu=$Y0-($RH/$max*$DATA[2][0]);
$px=intval($X0+$dx);

for ($i=1;$i<$count;$i++) {
$x=intval($X0+$i*($RW/$count)+$dx);

$y=$Y0-($RH/$max*$DATA[0][$i]);
imageline($im,$px,$pi,$x,$y,$bar[0]);
$pi=$y;

$y=$Y0-($RH/$max*$DATA[1][$i]);
imageline($im,$px,$po,$x,$y,$bar[1]);
$po=$y;

$y=$Y0-($RH/$max*$DATA[2][$i]);
imageline($im,$px,$pu,$x,$y,$bar[2]);
$pu=$y;
$px=$x;
}

// Уменьшение и пересчет координат
$ML-=$text_width;
// Вывод подписей по оси Y
for ($i=1;$i<=$county;$i++) {
$str=($max/$county)*$i;
imagestring($im,2, $X0-strlen($str)*$LW-$ML/4-2,$Y0-$step*$i-
imagefontheight(2)/2,$str,$text);
}

// Вывод подписей по оси X
$prev=100000;
$twidth=$LW*strlen($DATA["x"][0])+6;
$i=$X0+$RW;

while ($i>$X0) {
if ($prev-$twidth>$i) {
$drawx=$i-($RW/$count)/2;
if ($drawx>$X0) {
$str=$DATA["x"][round(($i-$X0)/($RW/$count))-1];
imageline($im,$drawx,$Y0,$i-($RW/$count)/2,$Y0+5,$text);
imagestring($im,2, $drawx-(strlen($str)*$LW)/2, $Y0+7,$str,$text);
}
$prev=$i;
}
$i-=$RW/$count;
}

header("Content-Type: image/png");
// Генерация изображения
ImagePNG($im);
imagedestroy($im);
?>

Результат работы этой программы выглядит следующим образом:





MIKE (использованы материалы codenet)
по теме:
Как выбрать CMS с открытым кодом ( 17.10.07 18:20 )
Защита сайта от SQL инъекции с помощью mod_rewrite ( 31.01.07 22:43 )
Построение псевдообъемных графиков в PHP ( 19.01.06 20:56 )
Генерация Flash на веб-сервере в PHP ( 25.12.05 12:22 )
Построение графиков в PHP ( 06.09.05 09:14 )

   
BIGLINE гибкие сетевые решения, интернет

реклама на сайте
 
Оружейный барон (Lord of War)

цена: 8 грн
в корзину
 
Warning: in_array() expects parameter 2 to be array, null given in /data/www/com.ua/netgen/a78662d87556b467da6035c54a11f198/sape.php on line 192
главная | лента новостей | форумы | статьи и материалы | регистрация | услуги
работает под упралением netgen noteweb
разработка netgen.com.ua 2017
реклама на сайте