Jak utworzyć wykres za pomocą PHP

Bardzo powszechnym wymogiem witryny biznesowej jest tworzenie wykresu na podstawie zebranych danych Witryny w celu znalezienia różnych rodzajów informacji statystycznych użytkowników docelowych i aktualnych postępów firmy. Ta informacja pomaga szybciej rozwijać firmę. Tak więc programista musi uzyskać podstawową wiedzę o tworzeniu wykresu. Wykres można generować za pomocą skryptów po stronie serwera i klienta. Deweloper może wybrać dowolny rodzaj skryptu na podstawie wymagań witryny. Istnieje pewne zalety i wady korzystania z wykresów po stronie serwera i po stronie klienta. Wykres generowany przez skrypt po stronie serwera zwiększa przeciążenie serwera, co sprawia, że ​​strona jest wolniejsza. Użytkownicy końcowi mogą stracić cierpliwość, gdy zdjęcia wykresów wymagają więcej czasu na pobranie. Ten problem tworzenia wykresu na stronie internetowej można pominąć za pomocą wykresu po stronie klienta. Wykres jest generowany lokalnie, pobierając dane XML lub JSON z serwera w skrypcie po stronie klienta. Wykres utworzony przez skrypt po stronie klienta sprawia, że ​​pobieranie szybciej i można tworzyć różne niestandardowe wykresy, takie jak stosowanie animacji na wykresie i uczynienie z wykresem atrakcyjnym. W tym samouczku nauczysz się tworzyć wykres za pomocą biblioteki PHP po stronie serwera.

Wykres po stronie serwera:

Wiele bezpłatnych i komercyjnych bibliotek wykresów PHP jest już dostępnych. PCHART, PHPCHARTJS, FUSICECHARTS, JPGRAPH itp. są bibliotekami PHP, aby utworzyć wykres po stronie serwera na stronie internetowej. Używając JPGRAPH Biblioteka została wyjaśniona w tym samouczku poprzez tworzenie różnych rodzajów wykresów. Darmowa wersja JPGRAPH Biblioteka została użyta w tym samouczku.

JPGRAPH:

Jest to obiektowa biblioteka wykresów, która tworzy różne typy wykresów, takie jak wykresy liniowe, wykresy barowe i wykresy kołowe. Jest dostępny w wersjach bezpłatnych i płatnych. Wersja płatna jest używana do celów komercyjnych i może utworzyć kod kreskowy lub kod QR. Musisz pobrać bibliotekę JPGRAPH przed jej użyciem. Przejdź do następującego adresu URL i pobierz bibliotekę:

https: // jpgraph.Net/Download/

Po pobraniu biblioteki rozpakuj plik i przechowuj go w folderze, w którym zostanie wykonany skrypt PHP. Wewnątrz przechowywałem folder /var/www/html/phpcode folder. Tworzenie różnych rodzajów wykresów za pomocą tej biblioteki zostanie pokazane w poniższej części tego samouczka.

Przykład 1: Tworzenie wykresu linii

Utwórz plik PHP z następującym skryptem, aby narysować wykres liniowy o zielonym kolorze. Do ustawienia danych do rysowania wykresu użyto tablicy. Wykres Obiekt był używany do wyświetlania wykresu i Lineplot Obiekt został użyty do utworzenia wykresu linii za pomocą Wykres obiekt.

// Dołącz niezbędne pliki do narysowania wykresu linii
wymaga_once („jpgraph-4.3.5/src/jpgraph.php ');
wymaga_once („jpgraph-4.3.5/src/jpgraph_line.php ');
// Ustaw dane
$ data = tablica (10,6,16,23,11,9,5);
// Deklaruj obiekt wykresu
$ GHAGHT = nowy wykres (400,250);
//Wyczyść wszystko
$ GHAGH-> ClearTheMe ();
// Ustaw skalę
$ GHAGH-> SETSCALE („Textlin”);
// Ustaw wykres liniowy
$ linept = new LinePlot ($ data);
// Ustaw kolor linii
$ linept-> setColor („zielony”);
// Dodaj wykres, aby utworzyć wykres
$ GHAGH-> add ($ linept);
// Wyświetl wykres
$ GHAGH-> Stroke ();
?>

Wyjście:

Następujące dane wyjściowe pojawią się po wykonaniu skryptu z serwera:

Przykład 2: Tworzenie zgromadzonej wykresu słupkowego

Utwórz plik PHP z następującym skryptem, aby narysować zgromadzony wykres słupkowy. Do ustawienia danych do rysowania wykresu użyto dwóch tablic. Wykres Obiekt był używany do wyświetlania wykresu. BARPLOT i ACCBARPLOT Obiekty zostały użyte do utworzenia zgromadzonego wykresu słupkowego za pomocą Wykres obiekt.

// Dołącz niezbędne pliki do narysowania wykresu paska
wymaga_once („jpgraph-4.3.5/src/jpgraph.php ');
wymaga_once („jpgraph-4.3.5/src/jpgraph_bar.php ');
// Ustaw dane
$ Series1 = tablica (10 60,30,70,25 67,10);
$ Series2 = tablica (34 89,56,12,59,70,23);
// Deklaruj obiekt, aby narysować wykres
$ GHAGHT = nowy wykres (500 300);
//Wyczyść wszystko
$ GHAGH-> ClearTheMe ();
// Ustaw trochę ustawienia dla wykresu
$ GHAGH-> SETSCALE („Textlin”);
$ GHAGH-> SETSHADOW ();
$ GHAGH-> IMG-> setMargin (80,30,20,50);
// Utwórz obiekt i kolory dla wykresów barowych
$ B1plot = nowy barplot ($ seria1);
$ b1plot-> setfillColor („niebieski”);
$ B2plot = nowy barplot ($ seria2);
$ b2plot-> setfillColor („czerwony”);
// Utwórz obiekt dla zgrupowanego wykresu baru
$ gbplot = nowy Accbarplot (tablica ($ B1Plot, $ B2Plot));
// Dodaj wykres dla wykresu
$ GHAGH-> add ($ gbplot);
// Ustaw tytuł wykresu, osi x i osi y
$ GHAGH-> TITIL-> SET („Skumulowany wykres słupkowy”);
$ Graph-> xaxis-> tytuł-> set („Series-1”);
$ GHAGH-> yaxis-> tytuł-> set („seria-2”);
// Wyświetl wykres
$ GHAGH-> Stroke ();
?>
?>

Wyjście:

Następujące dane wyjściowe pojawią się po wykonaniu skryptu z serwera:

Przykład 3: Tworzenie skumulowanej wykresu słupkowego z gradientem

Utwórz plik PHP z następującym skryptem, aby narysować zgromadzony wykres słupkowy z gradientem. Do ustawienia danych do rysowania wykresu użyto dwóch tablic. Wykres Obiekt był używany do wyświetlania wykresu. BARPLOT i ACCBARPLOT Obiekty zostały użyte do utworzenia zgromadzonego wykresu słupkowego za pomocą Wykres obiekt. Setfilgradient () funkcja BARPLOT Obiekt został użyty w skrypcie do ustawienia koloru gradientu wykresu.

// Dołącz niezbędne pliki do narysowania wykresu linii
wymaga_once („jpgraph-4.3.5/src/jpgraph.php ');
wymaga_once („jpgraph-4.3.5/src/jpgraph_bar.php ');
// Ustaw dane
$ Series1 = tablica (10 60,30,70,25 67,10);
$ Series2 = tablica (34 89,56,12,59,70,23);
// Deklaruj obiekt, aby narysować wykres
$ GHAGHT = nowy wykres (500 300);
//Wyczyść wszystko
$ GHAGH-> ClearTheMe ();
// Ustaw trochę ustawienia dla wykresu
$ GHAGH-> SETSCALE („Textlin”);
$ GHAGH-> setMarginincolor („biały”);
$ GHAGH-> title-> set („nagromadzony wykres słupkowy z gradient”);
// Utwórz pierwszy pasek
$ plot1 = nowy barplot ($ seria1);
$ plot1-> setfilgradient („Orange”, „Cyan”, grad_vert);
$ plot1-> setColor („Darkred”);
// Utwórz drugi pasek
$ plot2 = nowy barplot ($ Series2);
$ plot2-> setfilgradient („blue”, „zielony”, grad_vert);
$ plot2-> setColor („Darkgreen”);
// i dołącz do nich w zgromadzonym pasku
$ gaccplot = new Accbarplot ([$ PTOT1, $ PLOT2]);
$ GHAGH-> add ($ gaccplot);
// Wyświetl wykres
$ GHAGH-> Stroke ();
?>

Wyjście:

Następujące dane wyjściowe pojawią się po wykonaniu skryptu z serwera:

Przykład 4: Tworzenie zgrupowanego wykresu barowego

Utwórz plik PHP z następującym skryptem, aby narysować zgrupowaną tabelę paska. Do ustawienia danych do rysowania wykresu użyto trzech tablic. Wykres Obiekt był używany do wyświetlania wykresu. BARPLOT i GROUPBARPLOT Obiekty zostały użyte do utworzenia zgrupowanego wykresu słupkowego za pomocą Wykres obiekt.

// Dołącz niezbędne pliki do narysowania wykresu linii
wymaga_once („jpgraph-4.3.5/src/jpgraph.php ');
wymaga_once („jpgraph-4.3.5/src/jpgraph_bar.php ');
// Ustaw serię danych
$ Series1 = tablica (10 60,30,70,25 67,10);
$ Series2 = tablica (34 89,56,12,59,70,23);
$ Series3 = tablica (20,70,70,14,23,26);
// Deklaruj obiekt, aby narysować wykres
$ GHAGHT = nowy wykres (500, 300);
//Wyczyść wszystko
$ GHAGH-> ClearTheMe ();
// Ustaw trochę ustawienia dla wykresu
$ GHAGH-> SETSCALE („Textlin”);
$ GHAGH-> SETSHADOW ();
$ GHAGH-> IMG-> setMargin (40,30,40,40);
$ GHAGH-> XAXIS-> SETTICKLABELS ($ GDATELOCALE-> GETMONTH ());
$ Graph-> xaxis-> tytuł-> setFont (ff_font1, fs_bold);
$ GHAGH-> TYTUL-> SET („Grupowany wykres słupkowy”);
$ Graph-> title-> setFont (ff_font1, fs_bold);
// Utwórz obiekty fabularne
$ plot1 = nowy barplot ($ seria1);
$ plot2 = nowy barplot ($ Series2);
$ plot3 = nowy barplot ($ seria3);
// Ustaw trochę ustawienia dla wykresu
$ plot1-> setfillColor („Cyan”);
$ plot1-> setShadow ();
$ plot2-> setfillColor („niebieski”);
$ plot2-> setShadow ();
$ plot3-> setfillColor („Darkorange”);
$ plot3-> setShadow ();
// zadeklaruj obiekt dla zgrupowanej działki
$ plot = new GroupBarplot (tablica ($ plot1, $ plot2, $ plot3));
// Ustaw szerokość fabuły
$ plis-> setWidth (0.6);
// Dodaj wykres
$ GHAGH-> add ($ PTOT);
// narysuj wykres
$ GHAGH-> Stroke ();
?>

Wyjście:

Następujące dane wyjściowe pojawią się po wykonaniu skryptu z serwera:

Przykład 5: Tworzenie prostej wykresu kołowego

Utwórz plik PHP z następującym skryptem, aby narysować wykres kołowy. Do ustawienia danych do rysowania wykresu użyto tablicy. Wykres Obiekt był używany do wyświetlania wykresu i Pieplot Obiekt został użyty do utworzenia prostej tabeli ciasta za pomocą Wykres obiekt.

// Dołącz niezbędne pliki do narysowania wykresu linii
wymaga_once („jpgraph-4.3.5/src/jpgraph.php ');
wymaga_once („jpgraph-4.3.5/src/jpgraph_pie.php ');
// Ustaw dane
$ data = tablica (10,15,16,23);
// Deklaruj obiekt wykresu
$ GHAGHT = nowy Piegraph (400, 250);
//Wyczyść wszystko
$ GHAGH-> ClearTheMe ();
// Ustaw tytuł mapy
$ GHAGH-> TITIL-> SET („Simple Pie Chart”);
// Utwórz obiekty fabularne
$ plot = new Pieplot ($ data);
// Dodaj wykres
$ GHAGH-> add ($ PTOT);
// narysuj wykres
$ GHAGH-> Stroke ();
?>

Wyjście:

Następujące dane wyjściowe pojawią się po wykonaniu skryptu z serwera:

Przykład 6: Tworzenie wykresu 3D

Utwórz plik PHP z następującym skryptem, aby narysować wykres ciasta 3D. Do ustawienia danych do rysowania wykresu użyto dwóch tablic. Wykres kołowy Obiekt był używany do wyświetlania wykresu i Pieplo3d Obiekt został użyty do utworzenia prostej wykresu ciasta za pomocą Wykres kołowy obiekt.

// Dołącz niezbędne pliki do narysowania wykresu linii
wymaga_once („jpgraph-4.3.5/src/jpgraph.php ');
wymaga_once („jpgraph-4.3.5/src/jpgraph_pie.php ');
wymaga_once („jpgraph-4.3.5/src/jpgraph_pie3d.php ');
// Ustaw dane
$ data = tablica (15, 13, 29, 45, 68, 31);
$ area = tablica („dhaka”, „barisal”, „sylhet”, „comilla”, „chandpur”, „bogra”);
// Deklaruj obiekt wykresu
$ GHAGHT = nowy Piegraph (550, 300);
//Wyczyść wszystko
$ GHAGH-> ClearTheMe ();
// Ustaw trochę ustawienia dla wykresu
$ GHAGH-> Tytuł-> Zestaw („Sprzedaż obszarowa”);
$ GHAGH-> Legend-> SetPos (0.01,0.2, „racja”, „racja”);
$ GHAGH-> Legend-> setColumns (1);
$ GHAGH-> Legend-> SetLinespacing (15);
// Utwórz obiekty fabularne
$ plot = new Pieplot3d ($ data);
$ plis-> setCenter (0.4);
$ plot-> setlegends ($ obszar);
// Dodaj wykres
$ GHAGH-> add ($ PTOT);
// narysuj wykres
$ GHAGH-> Stroke ();
?>

Wyjście:

Następujące dane wyjściowe pojawią się po wykonaniu skryptu z serwera:

Wniosek:

W tym artykule wszystkie dane wykorzystane w poprzednich przykładach są statyczne. Możesz łatwo pobierać dane z serwera bazy danych za pomocą PHP i użyć ich do tworzenia wykresu na podstawie danych dynamicznych. Jeśli chcesz stworzyć bardziej atrakcyjny wykres i szybsze pobieranie, możesz użyć dowolnej popularnej biblioteki po stronie klienta. Mamy nadzieję, że ten artykuł jest pomocny. Sprawdź inne artykuły z Linux, aby uzyskać więcej wskazówek i informacji.