Графики на страницах с помощью PHP необходимы во многих случаях - для создания опросов и голосований, статистики. Иногда можно использовать Google Api для создания графиков, иногда PHP. Исходя из этого, мы рассмотрим сегодня примеры различных графиков на PHP и Javascript.

В статье я буду использовать классы, изъятые из разных платных приложений, в некоторых случаях их использование разрешается, например, если вы их используете на бесплатном, некоммерческом сайте, более подробное описание лицензии можно найти на сайте http://www.pchart.net/license.

Возможности классов pChart

• множество геометрических фигур (круги, многоугольники, линии);
• поддержка теней для фигур;
• возможность использовать собственные ttf шрифты
• возможность лёгкой установки и настройки;
• рисование кривых;
• создание полупрозрачного эффекта для фигур и линий;

 Скачать архив классов php для работы с рисованием графиков.

Пример простого графика нарисованного в php:

<?php define('DS', '/'); define('PCHART_CLASS_PATH', './chart'.DS.'class'.DS); define('PCHART_FONTS_PATH', './chart'.DS.'fonts'.DS); define('P_TEMP_STORE', './chart'.DS.'tmp'.DS); include(PCHART_CLASS_PATH.'pData.class.php'); include(PCHART_CLASS_PATH.'pDraw.class.php'); include(PCHART_CLASS_PATH.'pImage.class.php'); include(PCHART_CLASS_PATH.'pPie.class.php'); include(PCHART_CLASS_PATH.'pCache.class.php'); class ChartsHelper{ public function arrayToObject($array) { if(!is_array($array)) { return $array; } $object = new stdClass(); if (is_array($array) && count($array) > 0) { foreach ($array as $name=>$value) { $name = strtolower(trim($name)); if (!empty($name)) { $object->$name = ChartsHelper::arrayToObject($value); } } return $object; } else { return FALSE; } } public static function get_poll_bar_chart($poll, $width=0){ $palette = ChartsHelper::get_pallete($poll->pallete); $MyData = new pData(); $votes_array = array(); $filename = $poll->id.'-poll-barchart.png'; $person = array ( array( 'pct' => 1, 'votes' => 2, 'title' => 'Тест' ), array( 'pct' => 1, 'votes' => 2, 'title' => 'Тест 2' )); foreach ($person as $answer){ $votes_array[] = round($answer['pct']); $labels_array[] = $answer['title']. ' ('.$answer['votes'].' '.($answer['votes'] == 1 ? 'голос' : 'голосов').')'; } $width = $width > 100 ? $width : 500; $height = count($labels_array)*60; $MyData->addPoints($labels_array, 'Ответы'); $MyData->addPoints($votes_array, 'Всего голосов'); $MyData->setAxisName(0, 'Всего голосов'.' (in %)'); $MyData->setAbscissaName('Ответы'); //$MyData->setAxisUnit(0, '%'); $myCache = new pCache(array('CacheFolder'=>P_TEMP_STORE)); // $myCache->flush(); $ChartHash = $myCache->getHash($MyData); if ( $myCache->isInCache($ChartHash) ){ $myCache->saveFromCache($ChartHash, P_TEMP_STORE.DS.$filename); }else{ $image = new pImage($width, $height, $MyData); $image->setFontProperties(array('FontName'=>PCHART_FONTS_PATH.'verdana.ttf','FontSize'=>8)); $image->setGraphArea(30,30,$width-20,$height-20); $image->drawScale(array('CycleBackground'=>TRUE,'DrawSubTicks'=>TRUE,'GridR'=>0,'GridG'=>0,'GridB'=>0,'GridAlpha'=>10,'Pos'=>SCALE_POS_TOPBOTTOM,'Mode'=>SCALE_MODE_START0,'ManualScale'=>array('0'=>array('Min'=>0,'Max'=>100)))); $image->setShadow(TRUE,array('X'=>1,'Y'=>1,'R'=>0,'G'=>0,'B'=>0,'Alpha'=>10)); $image->drawBarChart(array('DisplayPos'=>LABEL_POS_INSIDE,'GradientMode'=>GRADIENT_EFFECT_CAN,'DisplayValues'=>TRUE,'Rounded'=>TRUE,'Surrounding'=>30,'OverrideColors'=>$palette)); $myCache->writeToCache($ChartHash, $image); $image->Render(P_TEMP_STORE.DS.$filename); } return $filename; } public static function get_poll_pie_chart($poll, $width=0, $height=0){ $palette = ChartsHelper::get_pallete($poll->pallete); $MyData = new pData(); $votes_array = array(); $filename = $poll->id.'-poll-barchart.png'; $person = array ( array( 'pct' => 1, 'votes' => 2, 'title' => 'Тест' ), array( 'pct' => 10, 'votes' => 2, 'title' => 'Тест 2' ), array( 'pct' => 1, 'votes' => 2, 'title' => 'Тест 3' ), array( 'pct' => 1, 'votes' => 2, 'title' => 'Тест 4' )); foreach ($person as $answer){ $votes_array[] = round($answer['pct']); $labels_array[] = $answer['title']; } $width = $width > 100 ? $width : 300; $height = $height > 50 ? $height : 200; $MyData->addPoints($votes_array,'Всего голосов'); $MyData->setAxisName(0, 'Всего голосов'.' (in %)'); $MyData->addPoints($labels_array, 'Answers'); $MyData->setAbscissa('Answers'); $MyData->setAbscissaName('Ответы'); $myCache = new pCache(array('CacheFolder'=>P_TEMP_STORE)); $ChartHash = $myCache->getHash($MyData); // $myCache->flush(); if ( $myCache->isInCache($ChartHash)){ $myCache->saveFromCache($ChartHash, P_TEMP_STORE.DS.$filename); }else{ $image = new pImage($width, $height, $MyData, TRUE); // $image->dumpImageMap("ImageMap3DPieChart",IMAGE_MAP_STORAGE_FILE,"3DPieChart",P_TEMP_STORE); // $image->initialiseImageMap("ImageMap3DPieChart",IMAGE_MAP_STORAGE_FILE,"3DPieChart",P_TEMP_STORE); $image->setFontProperties(array('FontName'=>PCHART_FONTS_PATH.'verdana.ttf','FontSize'=>8)); $image->setGraphArea(30,30,$width-20,$height-20); $image->setShadow(TRUE,array('X'=>1,'Y'=>1,'R'=>0,'G'=>0,'B'=>0,'Alpha'=>10)); $PieChart = new pPie($image, $MyData); foreach ($votes_array as $i=>$arr){ $PieChart->setSliceColor($i, $palette[$i%count($palette)]); } $PieChart->draw3DPie($width/2, $height/2, array('Radius'=>$height/2,'DataGapAngle'=>0,'DataGapRadius'=>0,'Border'=>FALSE, 'WriteValues'=>PIE_VALUE_PERCENTAGE, 'RecordImageMap'=>TRUE, 'DrawLabels'=>FALSE)); // $PieChart->drawPieLegend(30,180,array('Style'=>LEGEND_NOBORDER,'Mode'=>LEGEND_VERTICAL)); $myCache->writeToCache($ChartHash, $image); $image->Render(P_TEMP_STORE.DS.$filename); } return $filename; } public static function get_timeline_chart($poll){ $MyData = new pData(); $dates = array(); $votes = array(); $filename = $poll->id.'-timeline-chart.png'; $person = array ( array( 'pct' => 1, 'votes' => 1, 'title' => 'Тест', 'vdate' => '1992.03.02' ), array( 'pct' => 10, 'votes' => 3, 'title' => 'Тест 2', 'vdate' => '1992.04.02' ), array( 'pct' => 1, 'votes' => 2, 'title' => 'Тест 3', 'vdate' => '1992.05.02' ), array( 'pct' => 1, 'votes' => 10, 'title' => 'Тест 4', 'vdate' => '1992.06.02' )); foreach($person as $stat){ $dates[] = $stat['vdate']; $votes[] = $stat['votes']; } $MyData->addPoints($votes, 'Votes'); $MyData->setAxisName(0, 'Всего голосов'); $MyData->addPoints($dates, 'Labels'); $MyData->setSerieDescription('Labels', 'Дата'); $MyData->setAbscissa('Labels'); $myCache = new pCache(array('CacheFolder'=>P_TEMP_STORE)); $ChartHash = $myCache->getHash($MyData); // $myCache->flush(); if ( $myCache->isInCache($ChartHash)){ $myCache->saveFromCache($ChartHash, P_TEMP_STORE.DS.$filename); }else{ $image = new pImage(700, 230, $MyData); $image->Antialias = FALSE; $image->setFontProperties(array('FontName'=>PCHART_FONTS_PATH.'verdana.ttf','FontSize'=>8)); $image->setGraphArea(60,40,650,200); $scaleSettings = array("XMargin"=>10,"YMargin"=>10,"Floating"=>TRUE,"GridR"=>55,"GridG"=>55,"GridB"=>55,"DrawSubTicks"=>TRUE,"CycleBackground"=>TRUE); $image->drawScale($scaleSettings); $image->drawAreaChart(); $myCache->writeToCache($ChartHash, $image); $image->Render(P_TEMP_STORE.DS.$filename); } return $filename; } public static function get_pallete($name='default'){ switch ($name){ case 'shankar': return array( "0"=>array("R"=>100,"G"=>151,"B"=>183,"Alpha"=>100), "1"=>array("R"=>224,"G"=>151,"B"=>92,"Alpha"=>100), "2"=>array("R"=>224,"G"=>46,"B"=>9,"Alpha"=>100), "3"=>array("R"=>92,"G"=>224,"B"=>92,"Alpha"=>100), '4'=>array('R'=>188,'G'=>46,'B'=>46,'Alpha'=>100), '5'=>array('R'=>188,'G'=>224,'B'=>46,'Alpha'=>100), '6'=>array('R'=>176,'G'=>46,'B'=>224,'Alpha'=>100), '7'=>array('R'=>46,'G'=>151,'B'=>224,'Alpha'=>100), '8'=>array('R'=>9,'G'=>87,'B'=>183,'Alpha'=>100), '9'=>array('R'=>224,'G'=>100,'B'=>46,'Alpha'=>100)); case 'kamala': return array( "0"=>array("R"=>144,"G"=>189,"B"=>12,"Alpha"=>100), "1"=>array("R"=>212,"G"=>80,"B"=>73,"Alpha"=>100), "2"=>array("R"=>8,"G"=>145,"B"=>145,"Alpha"=>100), "3"=>array("R"=>178,"G"=>219,"B"=>249,"Alpha"=>100), '4'=>array('R'=>247,'G'=>192,'B'=>27,'Alpha'=>100), '5'=>array('R'=>255,'G'=>235,'B'=>204,'Alpha'=>100), '6'=>array('R'=>95,'G'=>216,'B'=>165,'Alpha'=>100), '7'=>array('R'=>231,'G'=>45,'B'=>41,'Alpha'=>100), '8'=>array('R'=>9,'G'=>87,'B'=>183,'Alpha'=>100), '9'=>array('R'=>254,'G'=>254,'B'=>204,'Alpha'=>100)); case 'autumn': return array( "0"=>array("R"=>185,"G"=>106,"B"=>154,"Alpha"=>100), "1"=>array("R"=>216,"G"=>137,"B"=>184,"Alpha"=>100), "2"=>array("R"=>156,"G"=>192,"B"=>137,"Alpha"=>100), "3"=>array("R"=>216,"G"=>243,"B"=>201,"Alpha"=>100), '4'=>array('R'=>253,'G'=>232,'B'=>215,'Alpha'=>100), '5'=>array('R'=>255,'G'=>255,'B'=>255,'Alpha'=>100)); case 'blind': return array( "0"=>array("R"=>109,"G"=>152,"B"=>171,"Alpha"=>100), "1"=>array("R"=>0,"G"=>39,"B"=>94,"Alpha"=>100), '2'=>array('R'=>254,'G'=>183,'B'=>41,'Alpha'=>100), '3'=>array('R'=>168,'G'=>177,'B'=>184,'Alpha'=>100), '4'=>array('R'=>255,'G'=>255,'B'=>255,'Alpha'=>100), '5'=>array('R'=>0,'G'=>0,'B'=>0,'Alpha'=>100)); case 'evening': return array( "0"=>array("R"=>242,"G"=>245,"B"=>237,"Alpha"=>100), "1"=>array("R"=>255,"G"=>194,"B"=>0,"Alpha"=>100), '2'=>array('R'=>255,'G'=>91,'B'=>0,'Alpha'=>100), '3'=>array('R'=>184,'G'=>0,'B'=>40,'Alpha'=>100), '4'=>array('R'=>132,'G'=>0,'B'=>46,'Alpha'=>100), '5'=>array('R'=>74,'G'=>192,'B'=>242,'Alpha'=>100)); case 'kitchen': return array( "0"=>array("R"=>155,"G"=>225,"B"=>251,"Alpha"=>100), "1"=>array("R"=>197,"G"=>239,"B"=>253,"Alpha"=>100), "2"=>array("R"=>189,"G"=>32,"B"=>49,"Alpha"=>100), '3'=>array('R'=>35,'G'=>31,'B'=>32,'Alpha'=>100), '4'=>array('R'=>255,'G'=>255,'B'=>255,'Alpha'=>100), '5'=>array('R'=>0,'G'=>98,'B'=>149,'Alpha'=>100)); case 'light': return array( "0"=>array("R"=>239,"G"=>210,"B"=>121,"Alpha"=>100), "1"=>array("R"=>149,"G"=>203,"B"=>233,"Alpha"=>100), "2"=>array("R"=>2,"G"=>71,"B"=>105,"Alpha"=>100), '3'=>array('R'=>175,'G'=>215,'B'=>117,'Alpha'=>100), '4'=>array('R'=>44,'G'=>87,'B'=>0,'Alpha'=>100), '5'=>array('R'=>222,'G'=>157,'B'=>127,'Alpha'=>100)); case 'navy': return array( "0"=>array("R"=>25,"G"=>78,"B"=>132,"Alpha"=>100), "1"=>array("R"=>59,"G"=>107,"B"=>156,"Alpha"=>100), "2"=>array("R"=>31,"G"=>36,"B"=>42,"Alpha"=>100), '3'=>array('R'=>55,'G'=>65,'B'=>74,'Alpha'=>100), '4'=>array('R'=>96,'G'=>187,'B'=>34,'Alpha'=>100), '5'=>array('R'=>242,'G'=>186,'B'=>187,'Alpha'=>100)); case 'shade': return array( "0"=>array("R"=>117,"G"=>113,"B"=>22,"Alpha"=>100), "1"=>array("R"=>174,"G"=>188,"B"=>33,"Alpha"=>100), '2'=>array('R'=>217,'G'=>219,'B'=>86,'Alpha'=>100), '3'=>array('R'=>0,'G'=>71,'B'=>127,'Alpha'=>100), '4'=>array('R'=>76,'G'=>136,'B'=>190,'Alpha'=>100), '5'=>array('R'=>141,'G'=>195,'B'=>233,'Alpha'=>100)); case 'spring': return array( "0"=>array("R"=>146,"G"=>123,"B"=>81,"Alpha"=>100), "1"=>array("R"=>168,"G"=>145,"B"=>102,"Alpha"=>100), "2"=>array("R"=>128,"G"=>195,"B"=>28,"Alpha"=>100), '3'=>array('R'=>188,'G'=>221,'B'=>90,'Alpha'=>100), '4'=>array('R'=>255,'G'=>121,'B'=>0,'Alpha'=>100), '5'=>array('R'=>251,'G'=>179,'B'=>107,'Alpha'=>100)); case 'summer': return array( "0"=>array("R"=>253,"G"=>184,"B"=>19,"Alpha"=>100), "1"=>array("R"=>246,"G"=>139,"B"=>31,"Alpha"=>100), '2'=>array('R'=>241,'G'=>112,'B'=>34,'Alpha'=>100), '3'=>array('R'=>98,'G'=>194,'B'=>204,'Alpha'=>100), '4'=>array('R'=>228,'G'=>246,'B'=>248,'Alpha'=>100), '5'=>array('R'=>238,'G'=>246,'B'=>108,'Alpha'=>100)); default: return array( '0'=>array('R'=>255,'G'=>91,'B'=>0,'Alpha'=>100), '1'=>array('R'=>74,'G'=>192,'B'=>242,'Alpha'=>100), '2'=>array('R'=>184,'G'=>0,'B'=>40,'Alpha'=>100), '3'=>array('R'=>238,'G'=>246,'B'=>108,'Alpha'=>100), '4'=>array('R'=>96,'G'=>187,'B'=>34,'Alpha'=>100), "5"=>array("R"=>185,"G"=>106,"B"=>154,"Alpha"=>100), '6'=>array('R'=>98,'G'=>194,'B'=>204,'Alpha'=>100) ); } } public static function get_color_palletes(){ return array( 'default' => 'Default', 'shankar' => 'Shankar', 'kamala' => 'Kamala', 'autumn' => 'Autumn', 'blind' => 'Blind', 'evening' => 'Evening', 'kitchen' => 'Kitchen', 'light' => 'Light', 'navy' => 'Navy', 'shade' => 'Shade', 'spring' => 'Spring', 'summer' => 'Summer' ); } public static function get_rgb_colors($name='default'){ $colors = array(); $pallete = ChartsHelper::get_pallete($name); foreach($pallete as $color){ $colors[] = ChartsHelper::RGBToHex($color); } return $colors; } public static function HexToRGB($hex) { $hex = str_replace('#', '', $hex); $color = array(); if(strlen($hex) == 3) { $color['R'] = hexdec(substr($hex, 0, 1) . $r); $color['G'] = hexdec(substr($hex, 1, 1) . $g); $color['B'] = hexdec(substr($hex, 2, 1) . $b); }else if(strlen($hex) == 6) { $color['R'] = hexdec(substr($hex, 0, 2)); $color['G'] = hexdec(substr($hex, 2, 2)); $color['B'] = hexdec(substr($hex, 4, 2)); } $color['Alpha'] = 100; return $color; } public static function RGBToHex($rgb) { $hex = '#'; $hex.= str_pad(dechex($rgb['R']), 2, '0', STR_PAD_LEFT); $hex.= str_pad(dechex($rgb['G']), 2, '0', STR_PAD_LEFT); $hex.= str_pad(dechex($rgb['B']), 2, '0', STR_PAD_LEFT); return $hex; } } $chart = new ChartsHelper(); $poll = new stdClass(); $poll->id = 2; $poll->pallete = 'spring'; $src = $chart->get_poll_pie_chart($poll); $poll = new stdClass(); $poll->id = 3; $chart->get_timeline_chart($poll); echo '<div style="width:100%;text-align:center;"><img src="chart/tmp/'.$src.'" /></div>'; ?>

Для правильной работы класса создающиего риснуки графиков необходима следубщая структура директорий (скачать её можно в конце статьи):

./
index.php
	chart/
		class/
		data/
		fonts/
		palettes/
		tmp/

 

• index.php - текший страница;
• class - директория с классами для рисования гарфиков;
• fonts - шрифты, которые вы можете использовать в графиках;
• цветовая схема графика;
• директория в которую помещаяется кэш файл и изображение;

 

Мы использовали функцию get_poll_pie_chart для того чтобы нарисовать круговую диаграмму. Вместо этой функции можно использовать следующие функции:

• get_timeline_chart - линейный график с равномерным отображением линии;
• get_poll_bar_chart - линейный график с динамическим отображением линии на графике;

 

Пример графика, созданного функцией get_poll_bar_chart:

Пример графика, созданного функцией get_timeline_chart:

Некоторые графики на php вполне возможно объединить с графиками из Google Charts. Например, круговой график в Google Charts полностью соответствует круговой диаграмме отображённой ранее на странице:

Пример использования графиков Google Charts

Один из возможных вариантов использования графиков Google Charts создание индикатора загрузки файла:

• Нажмите чтобы запустить имитацию загрузки файла

Для создания индикатора можно использовать следующий код:

<!--Load the AJAX API--> <script type="text/javascript" src="jsapi.js"></script> <script type="text/javascript"> // Load the Visualization API and the piechart package. google.load('visualization', '1.0', {'packages':['corechart']}); // Set a callback to run when the Google Visualization API is loaded. google.setOnLoadCallback(drawChart); // Callback that creates and populates a data table, // instantiates the pie chart, passes in the data and // draws it. function drawChart() { var data = new google.visualization.DataTable(); data.addColumn('string', '%'); data.addColumn('number', 'Загружено'); data.addRows([ ['Загрузка...', 0] ]); var options = { title: 'Загрузка файла в %', width: 200, height: 140, animation:{ duration: 1000, easing: 'out', }, vAxis: {minValue:0, maxValue:100} }; var chart = new google.visualization.ColumnChart(document.getElementById('chart_div5')); chart.draw(data, options); var i = 0; var ss; $.fn.st = function(){ var newValue = 2; i++; if(i<=100) { data.setValue(0, 1, i); } else { clearInterval(ss); } chart.draw(data, options); } $('#chart_div4').click(function(){ var ss = setInterval("$('body').st();",1000); }); } </script> <button id="chart_div4" style="margin:0 auto;width:300px;">Нажмите</button> <div id="chart_div5" style="margin:0 auto;width:300px;"></div>

gChart

Если Вам не хватило инструментов для работы с графиками и диаграммами то можете использовать класс php "gChart" от Google. Все нижеуказанные диаграммы и графики созданы с использованием "gChart".

Диаграмма

<?php $piChart = new gPieChart(); $piChart->addDataSet(array(112,315,66,40)); $piChart->setLegend(array("first", "second", "third","fourth")); $piChart->setLabels(array("first", "second", "third","fourth")); $piChart->setColors(array("ff3344", "11ff11", "22aacc", "3333aa")); ?>

3D диаграмма

 

<?php $pie3dChart = new gPie3DChart(); $pie3dChart->addDataSet(array(112,315,66,40)); $pie3dChart->setLegend(array("first", "second", "third","fourth")); $pie3dChart->setLabels(array("first", "second", "third","fourth")); $pie3dChart->setColors(array("ff3344", "11ff11", "22aacc", "3333aa")); ?>

Диаграмма

 

<?php $CPChart = new gConcentricPieChart(); $CPChart->addDataSet(array(112,315,66,40)); $CPChart->addDataSet(array(100,235,346,50)); $CPChart->addColors(array("008800", "880000")); $CPChart->addColors(array("000088", "888800")); $CPChart->addLegend(array('1', '2', '3', '4')); $CPChart->addLegend(array('1a', '2a', '3a', '4a')); ?>

Линейный график

<?php $lineChart = new gLineChart(300,300); $lineChart->addDataSet(array(112,315,66,40)); $lineChart->addDataSet(array(212,115,366,140)); $lineChart->addDataSet(array(112,95,116,140)); $lineChart->setLegend(array("first", "second", "third","fourth")); $lineChart->setColors(array("ff3344", "11ff11", "22aacc", "3333aa")); $lineChart->setVisibleAxes(array('x','y')); $lineChart->setDataRange(30,400); $lineChart->addAxisRange(0, 1, 4, 1); $lineChart->addAxisRange(1, 30, 400); $lineChart->addBackgroundFill('bg', 'EFEFEF'); $lineChart->addBackgroundFill('c', '000000'); ?>

Линейный график с заполнением

 

<?php $lineChart = new gLineChart(300,300); $lineChart->addDataSet(array(112,315,66,40)); $lineChart->addDataSet(array(212,115,366,140)); $lineChart->addDataSet(array(112,95,116,140)); $lineChart->setLegend(array("first", "second", "third","fourth")); $lineChart->setColors(array("ff3344", "11ff11", "22aacc", "3333aa")); $lineChart->setVisibleAxes(array('x','y')); $lineChart->setDataRange(30,400); $lineChart->addAxisLabel(0, array("This", "axis", "has", "labels!")); $lineChart->addAxisRange(1, 30, 400); $lineChart->setStripFill('bg',0,array('CCCCCC',0.15,'FFFFFF',0.1)); ?>

Линейный график

 

<?php $lineChart = new gLineChart(300,300); $lineChart->addDataSet(array(112,125,66,40)); $lineChart->setLegend(array("first")); $lineChart->setColors(array("ff3344")); $lineChart->setVisibleAxes(array('x','y')); $lineChart->setDataRange(30,130); $lineChart->addAxisRange(0, 1, 4, 1); $lineChart->addAxisRange(1, 30, 130); $lineChart->addLineFill('B','76A4FB',0,0); ?>

Линейный график с несколькими линиями

 

<?php $lineChart = new gLineChart(300,300); $lineChart->addDataSet(array(112,315,66,40)); $lineChart->addDataSet(array(212,115,366,140)); $lineChart->addDataSet(array(112,95,116,140)); $lineChart->setLegend(array("first", "second", "third","fourth")); $lineChart->setColors(array("ff3344", "11ff11", "22aacc", "3333aa")); $lineChart->setVisibleAxes(array('x','y')); $lineChart->setDataRange(0,400); $lineChart->addAxisRange(0, 1, 4, 1); $lineChart->addAxisRange(1, 0, 400); $lineChart->setGridLines(33,10); ?>

Групповая диаграмма

<?php $barChart = new gBarChart(500,150,'g'); $barChart->addDataSet(array(112,315,66,40)); $barChart->addDataSet(array(212,115,366,140)); $barChart->addDataSet(array(112,95,116,140)); $barChart->setColors(array("ff3344", "11ff11", "22aacc")); $barChart->setLegend(array("first", "second", "third")); $barChart->setGradientFill('c',0,array('FFE7C6',0,'76A4FB',1)); $barChart->setAutoBarWidth(); ?>

Горизонтальная диаграмма

 

<?php $barChart = new gBarChart(150,500,'g','h'); $barChart->addDataSet(array(112,315,66,40)); $barChart->addDataSet(array(212,115,366,140)); $barChart->addDataSet(array(112,95,116,140)); $barChart->setColors(array("ff3344", "11ff11", "22aacc")); $barChart->setLegend(array("first", "second", "third")); $barChart->setGradientFill('c',0,array('FFE7C6',0,'76A4FB',1)); $barChart->setLegend(array("This", "is", "different")); ?>

Горизонтальная диаграмма

<?php $barChart->setHorizontal(true); $barChart->groupSpacerWidth = 10; ?>

Круговая диаграмма

 

<?php $vennDiagram = new gVennDiagram(); $vennDiagram->setSizes(1120,3150); $vennDiagram->setIntersections(220, 320); $vennDiagram->setEncodingType('s'); $vennDiagram->setColors(array("ff3344", "11ff11", "22aacc", "3333aa")); ?>

Штрих код

 

<?php $qr = new gQRCode(); $qr -> setQRCode('gChartPhp is awesome!'); ?>

Групповая диаграмма

 

<?php $barChart = new gBarChart(250,250,'s'); $barChart->addDataSet(array(0,10,20,30,20,70,80)); $barChart->addDataSet(array(0,20,10,5,20,30,10)); $barChart->addHiddenDataSet(array(10,0,20,15,60,40,30)); $barChart->addValueMarkers('D','76A4FB',2,0,3); $barChart->setAutoBarWidth(); ?>

Подсвечники

 

<?php $candlestick = new gLineChart(200,125); $candlestick -???> addDataSet(array(90,80,70,50,40,30,20,10)); $candlestick -> addHiddenDataSet(array(0,5,10,0,5,10,0)); $candlestick -> addHiddenDataSet(array(2,15,20,5,15,40,0)); $candlestick -> addHiddenDataSet(array(5,35,20,2,35,20,0)); $candlestick -> addHiddenDataSet(array(15,40,30,15,40,50,0)); $candlestick -> addValueMarkers('F','000000',1,'1:-2',20); $candlestick -> setVisibleAxes(array('y')); $candlestick -> addAxisRange(0, 0, 100); ?>