Comment créer un graphique en utilisant PHP

Une exigence très courante du site Web de l'entreprise consiste à créer un graphique basé sur les données collectées du site Web pour découvrir différents types d'informations statistiques des utilisateurs cibles et les progrès actuels de l'entreprise. Ces informations aident à développer l'entreprise plus rapidement. Ainsi, le programmeur Web doit acquérir des connaissances de base de la création du graphique. Le graphique peut être généré par les scripts côté serveur et côté client. Le développeur peut sélectionner tout type de script en fonction des exigences du site Web. Il existe certains avantages et inconvénients de l'utilisation des graphiques côté serveur et côté client. Le graphique généré par le script côté serveur augmente la surcharge du serveur qui rend le site plus lent. Les utilisateurs finaux peuvent perdre leur patience lorsque les images du graphique ont besoin de plus de temps pour télécharger. Ce problème de création d'un graphique sur le site Web peut être omis en utilisant le graphique côté client. Le graphique est généré localement en récupérant les données XML ou JSON du serveur dans un script côté client. Le graphique créé par le script côté client rend le téléchargement plus rapidement, et divers graphiques personnalisés peuvent être créés, tels que l'application de l'animation dans le graphique et rendant le graphique attrayant. Dans ce tutoriel, vous apprendrez à créer le graphique à l'aide de la bibliothèque PHP côté serveur.

Graphique côté serveur:

De nombreuses bibliothèques de graphiques PHP côté serveur gratuites et commerciales sont maintenant disponibles. PCHART, PHPCHARTJS, FUSKECHARTS, JPGRAPH, etc. Les bibliothèques PHP sont-elles pour créer un graphique côté serveur sur la page Web. En utilisant le Jpgraph La bibliothèque a été expliquée dans ce tutoriel en créant différents types de graphiques. La version gratuite du Jpgraph La bibliothèque a été utilisée dans ce tutoriel.

Jpgraph:

Il s'agit d'une bibliothèque de graphiques basée sur des objets qui crée différents types de graphiques, tels que des graphiques de ligne, des graphiques à barres et des graphiques à tarte. Il est disponible en versions gratuites et payantes. La version payante est utilisée à des fins commerciales et peut créer un code à barres ou un code QR. Vous devez télécharger la bibliothèque JPGraph avant de l'utiliser. Accédez à l'adresse URL suivante et téléchargez la bibliothèque:

https: // jpgraph.net / téléchargement /

Après avoir téléchargé la bibliothèque, dézippez le fichier et stockez-le dans le dossier où le script PHP sera exécuté. J'ai stocké un dossier à l'intérieur / var / www / html / phpcode. La création de différents types de graphiques à l'aide de cette bibliothèque sera affichée dans la partie suivante de ce tutoriel.

Exemple 1: Création du graphique de ligne

Créez un fichier PHP avec le script suivant pour dessiner un tableau de ligne de couleur verte. Un tableau a été utilisé pour définir les données pour dessiner le graphique. Le Graphique L'objet a été utilisé pour afficher le graphique et le Graphique linéaire L'objet a été utilisé pour créer le graphique de ligne en utilisant le Graphique objet.

// Inclure les fichiers nécessaires pour dessiner le graphique de ligne
require_once ('jpgraph-4.3.5 / src / jpgraph.php ');
require_once ('jpgraph-4.3.5 / src / jpgraph_line.php ');
// définir les données
$ data = array (10,6,16,23,11,9,5);
// Déclarer l'objet graphique
$ graphique = nouveau graphique (400 250);
//Tout effacer
$ graph-> clearTheme ();
// Définit l'échelle
$ graph-> setScale ('textLin');
// Définit le tracé linéaire
$ linept = new LinePlot ($ data);
// définit la couleur de ligne
$ linept-> setColor ('green');
// Ajouter le tracé pour créer le graphique
$ graph-> add ($ linept);
// Afficher le graphique
$ graph-> tram ();
?>

Sortir:

La sortie suivante apparaîtra après avoir exécuté le script à partir du serveur:

Exemple 2: Création d'un graphique à barres accumulé

Créez un fichier PHP avec le script suivant pour dessiner un graphique à barres accumulé. Deux tableaux ont été utilisés pour définir les données pour dessiner le graphique. Le Graphique L'objet a été utilisé pour afficher le graphique. Le Barplot et AccBarplot Des objets ont été utilisés pour créer le graphique à barres accumulé en utilisant le Graphique objet.

// Inclure les fichiers nécessaires pour dessiner le graphique à barres
require_once ('jpgraph-4.3.5 / src / jpgraph.php ');
require_once ('jpgraph-4.3.5 / src / jpgraph_bar.php ');
// définir les données
Série $1 = Array (10,60,30,70,25,67,10);
$ Series2 = Array (34,89,56,12,59,70,23);
// Déclarer l'objet pour dessiner le graphique
$ graphique = nouveau graphique (500 300);
//Tout effacer
$ graph-> clearTheme ();
// Définissez un paramètre pour le graphique
$ graph-> setScale ("textLin");
$ graph-> SetShadow ();
$ graph-> img-> setmargin (80,30,20,50);
// Créer un objet et des couleurs pour les parcelles de barre
$ b1plot = new Barplot ($ series1);
$ b1plot-> setFillColor ("bleu");
$ b2plot = new Barplot ($ series2);
$ b2plot-> setFillColor ("rouge");
// Créer un objet pour le tracé de la barre groupé
$ gbplot = new accbarplot (array ($ b1plot, $ b2plot));
// Ajouter le tracé du graphique
$ graph-> add ($ gbplot);
// Définit le titre du graphique, de l'axe X et de l'axe Y
$ graph-> title-> set ("graphique à barres accumulé");
$ graph-> xaxis-> title-> set ("série-1");
$ graph-> yaxis-> title-> set ("série-2");
// Afficher le graphique
$ graph-> tram ();
?>
?>

Sortir:

La sortie suivante apparaîtra après avoir exécuté le script à partir du serveur:

Exemple 3: Création du graphique à barres accumulé avec dégradé

Créez un fichier PHP avec le script suivant pour dessiner un graphique à barres accumulé avec un dégradé. Deux tableaux ont été utilisés pour définir les données pour dessiner le graphique. Le Graphique L'objet a été utilisé pour afficher le graphique. Le Barplot et AccBarplot Des objets ont été utilisés pour créer le graphique à barres accumulé en utilisant le Graphique objet. Le SetFillgradient () fonction du Bloc de bar L'objet a été utilisé dans le script pour définir la couleur de dégradé du graphique.

// Inclure les fichiers nécessaires pour dessiner le graphique de ligne
require_once ('jpgraph-4.3.5 / src / jpgraph.php ');
require_once ('jpgraph-4.3.5 / src / jpgraph_bar.php ');
// définir les données
Série $1 = Array (10,60,30,70,25,67,10);
$ Series2 = Array (34,89,56,12,59,70,23);
// Déclarer l'objet pour dessiner le graphique
$ graphique = nouveau graphique (500 300);
//Tout effacer
$ graph-> clearTheme ();
// Définissez un paramètre pour le graphique
$ graph-> setScale ('textLin');
$ graph-> setMarginColor ('blanc');
$ graph-> title-> set («graphique à barres accumulé avec gradient»);
// Créez la première barre
$ Plot1 = new Barplot ($ Series1);
$ tracé1-> setFillgradient ('orange', 'cyan', grad_vert);
$ Plot1-> setColor ('darkred');
// Créez la deuxième barre
$ Plot2 = new Barplot ($ Series2);
$ tracé2-> setFillgradient ('bleu', 'green', grad_vert);
$ tracé2-> setColor ('darkgreen');
// et rejoignez-les dans un bar accumulé
$ gaccplot = new accbarplot ([$ tracé1, $ tracé2]);
$ graph-> add ($ gaccplot);
// Afficher le graphique
$ graph-> tram ();
?>

Sortir:

La sortie suivante apparaîtra après avoir exécuté le script à partir du serveur:

Exemple 4: Création d'un graphique à barres groupé

Créez un fichier PHP avec le script suivant pour dessiner un graphique à barres groupé. Trois tableaux ont été utilisés pour définir les données pour dessiner le graphique. Le Graphique L'objet a été utilisé pour afficher le graphique. Le Barplot et groupbarplot Des objets ont été utilisés pour créer le graphique à barres groupé en utilisant le Graphique objet.

// Inclure les fichiers nécessaires pour dessiner le graphique de ligne
require_once ('jpgraph-4.3.5 / src / jpgraph.php ');
require_once ('jpgraph-4.3.5 / src / jpgraph_bar.php ');
// Définit la série de données
Série $1 = Array (10,60,30,70,25,67,10);
$ Series2 = Array (34,89,56,12,59,70,23);
$ Series3 = Array (20,70,70,14,23,26);
// Déclarer l'objet pour dessiner le graphique
$ graphique = nouveau graphique (500, 300);
//Tout effacer
$ graph-> clearTheme ();
// Définissez un paramètre pour le graphique
$ graph-> setScale ("textLin");
$ graph-> SetShadow ();
$ graph-> img-> setmargin (40,30,40,40);
$ graph-> xaxis-> settickLabels ($ gdatelocale-> getMonth ());
$ graph-> xaxis-> title-> setfont (ff_font1, fs_bold);
$ graph-> title-> set («graphique à barres groupé»);
$ graph-> title-> setfont (ff_font1, fs_bold);
// Créer des objets de tracé
$ Plot1 = new Barplot ($ Series1);
$ Plot2 = new Barplot ($ Series2);
$ Plot3 = new Barplot ($ Series3);
// Définissez un paramètre pour le tracé
$ Plot1-> setFillColor ("cyan");
$ tracé1-> setshadow ();
$ Plot2-> setFillColor ("bleu");
$ tracé2-> setshadow ();
$ Plot3-> setFillColor ("darkorange");
$ Plot3-> setshadow ();
// Déclarer l'objet pour l'intrigue groupée
$ Plot = new GroupBarPlot (Array ($ Plot1, $ Plot2, $ Plot3));
// définir la largeur du tracé
$ Plot-> SetWidth (0.6);
// Ajouter un tracé
$ graph-> add ($ tracé);
// dessine le tableau
$ graph-> tram ();
?>

Sortir:

La sortie suivante apparaîtra après avoir exécuté le script à partir du serveur:

Exemple 5: Création d'un graphique à secteurs simple

Créez un fichier PHP avec le script suivant pour dessiner un graphique à tarte. Un tableau a été utilisé pour définir les données pour dessiner le graphique. Le Graphique L'objet a été utilisé pour afficher le graphique et le Pllot L'objet a été utilisé pour créer le graphique à tarte simple en utilisant le Graphique objet.

// Inclure les fichiers nécessaires pour dessiner le graphique de ligne
require_once ('jpgraph-4.3.5 / src / jpgraph.php ');
require_once ('jpgraph-4.3.5 / src / jpgraph_pie.php ');
// définir les données
$ data = array (10,15,16,23);
// Déclarer l'objet graphique
$ graph = new Piegraph (400, 250);
//Tout effacer
$ graph-> clearTheme ();
// définit le titre pour le graphique
$ graph-> title-> set ("simple graphique à tarte");
// Créer des objets de tracé
$ Plot = new Pieplot ($ data);
// Ajouter un tracé
$ graph-> add ($ tracé);
// dessine le tableau
$ graph-> tram ();
?>

Sortir:

La sortie suivante apparaîtra après avoir exécuté le script à partir du serveur:

Exemple 6: Création d'un graphique à secteurs 3D

Créez un fichier PHP avec le script suivant pour dessiner un graphique à tarte 3D. Deux tableaux ont été utilisés pour définir les données pour dessiner le graphique. Le Diagramme circulaire L'objet a été utilisé pour afficher le graphique et le Piéplo3d L'objet a été utilisé pour créer le graphique à tarte simple en utilisant le Diagramme circulaire objet.

// Inclure les fichiers nécessaires pour dessiner le graphique de ligne
require_once ('jpgraph-4.3.5 / src / jpgraph.php ');
require_once ('jpgraph-4.3.5 / src / jpgraph_pie.php ');
require_once ('jpgraph-4.3.5 / src / jpgraph_pie3d.php ');
// définir les données
$ data = tableau (15, 13, 29, 45, 68, 31);
$ area = array ('dhaka', 'barisal', 'sylhet', 'comilla', 'chandpur', 'bogra');
// Déclarer l'objet graphique
$ graph = new Piegraph (550, 300);
//Tout effacer
$ graph-> clearTheme ();
// Définissez un paramètre pour le graphique
$ graph-> title-> set ("Ventes sur la région");
$ graph-> légende-> setpos (0.01,0.2, «droit», «droit»);
$ graph-> légende-> setColumns (1);
$ graph-> légende-> setLinesPacing (15);
// Créer des objets de tracé
$ tracé = new Pieplot3d ($ data);
$ tracé-> setCenter (0.4);
$ Plot-> SetLegends ($ Area);
// Ajouter un tracé
$ graph-> add ($ tracé);
// dessine le tableau
$ graph-> tram ();
?>

Sortir:

La sortie suivante apparaîtra après avoir exécuté le script à partir du serveur:

Conclusion:

Dans cet article, toutes les données utilisées dans les exemples précédents sont statiques. Vous pouvez facilement récupérer des données à partir du serveur de base de données à l'aide de PHP et les utiliser pour créer un graphique basé sur des données dynamiques. Si vous souhaitez créer un graphique plus attrayant et un téléchargement plus rapide, vous pouvez utiliser n'importe quelle bibliothèque côté client populaire. Nous espérons que vous avez trouvé cet article utile. Vérifiez les autres articles sur les indices Linux pour plus de conseils et d'informations.