Maison > Article > développement back-end > Créer des graphiques et des rapports visuels à l'aide de PHP et ECharts

Créer des graphiques et des rapports visuels à l'aide de PHP et ECharts

PHPzoriginal: 2023-05-10 22:21:221515parcourir

Avec l'avènement de l'ère du big data, la visualisation des données est devenue un outil important pour la prise de décision en entreprise. Divers outils étranges de visualisation de données émergent sans fin, parmi lesquels ECharts a reçu une attention et une application généralisées en raison de ses fonctions puissantes et de sa bonne expérience utilisateur. En tant que langage côté serveur grand public, PHP fournit également de riches fonctions de traitement de données et d'affichage de graphiques. Cet article explique comment utiliser PHP et ECharts pour créer des graphiques et des rapports visuels.

ECharts Introduction

ECharts est une bibliothèque de graphiques visuels open source développée par le département de technologie frontale de Baidu pour fournir aux développeurs Web un outil qui facilite et accélère le développement d’excellents graphiques de visualisation. Il prend en charge les fonctionnalités suivantes :

Plusieurs types de graphiques : vous pouvez dessiner de nombreux types de graphiques tels que des graphiques linéaires, des graphiques à barres, des graphiques en nuages de points, des diagrammes circulaires, des tableaux de bord, etc.
Interaction : prend en charge des fonctions interactives telles que la réactivité, le zoom, le glisser, le marquage et la liaison.
Animation : prend en charge plusieurs types d'animation et des animations personnalisées.
Plusieurs formats de données : prend en charge JSON, XML, CSV et d'autres formats de données.

PHP Data Processing

PHP est un langage côté serveur polyvalent qui fournit de nombreux traitements et formats de données Fonctions qui optimisent la sortie fournir une bonne base pour la visualisation des données. Voici quelques fonctions PHP couramment utilisées :

(1) Fonction mysqli_connect() : se connecter à la base de données MySQL

Exemple de code :

$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "myDB";
// 创建连接
$conn = mysqli_connect($servername, $username, $password, $dbname);
// 检测连接
if (!$conn) {
    die("Connection failed: " . mysqli_connect_error());
}

(2 ) Fonction mysqli_query() : exécuter la requête MySQL

Exemple de code :

$sql = "SELECT id, name, age FROM myTable";
$result = mysqli_query($conn, $sql);
if (mysqli_num_rows($result) > 0) {
    // 输出数据
    while($row = mysqli_fetch_assoc($result)) {
        echo "id: " . $row["id"]. " - Name: " . $row["name"]. " - Age: " . $row["age"]. "<br>";
    }
} else {
    echo "0 结果";
}

(3) Fonction json_encode() : convertir le tableau PHP au format JSON

#🎜 🎜 #Exemple de code :

$data = array('name'=>'John', 'age'=>30, 'city'=>'New York');
echo json_encode($data);

Les fonctions ci-dessus ne représentent qu'une petite partie des fonctions de traitement de données fournies par PHP. Selon les besoins réels, d'autres fonctions peuvent également être utilisées pour le traitement des données.

Avant d'utiliser ECharts, vous devez ajouter les fichiers liés à ECharts au projet. Vous pouvez télécharger la version correspondante sur le site officiel d'ECharts https://echarts.baidu.com/, ou vous pouvez utiliser CDN pour accélérer l'introduction.

Après avoir ajouté le fichier ECharts, vous pouvez créer des graphiques dans des pages HTML. Voici un exemple de code pour un graphique à barres simple :

<!DOCTYPE html>
<html>
<head>
    <title>柱状图</title>
    <meta charset="utf-8">
    <script src="https://cdn.bootcdn.net/ajax/libs/echarts/4.8.0/echarts.min.js"></script>
</head>
<body>
    <div id="main" style="width: 600px;height:400px;"></div>
    <script>
        var myChart = echarts.init(document.getElementById('main'));
        var option = {
            title: {
                text: '柱状图'
            },
            tooltip: {},
            legend: {
                data:['销量']
            },
            xAxis: {
                data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
            },
            yAxis: {},
            series: [{
                name: '销量',
                type: 'bar',
                data: [5, 20, 36, 10, 10, 20]
            }]
        };
        myChart.setOption(option);
    </script>
</body>
</html>

Le code ci-dessus crée un graphique à barres avec un titre, des étiquettes d'axe et une légende, qui contient 6 points de données et les catégories correspondantes.

Vous pouvez créer un rapport simple en combinant des données et des graphiques. Voici un exemple de code pour un rapport de graphique à barres créé par PHP et ECharts :

<!DOCTYPE html>
<html>
<head>
    <title>PHP+ECharts报表</title>
    <meta charset="utf-8">
    <script src="https://cdn.bootcdn.net/ajax/libs/echarts/4.8.0/echarts.min.js"></script>
</head>
<body>
    <div id="main" style="width: 600px;height:400px;"></div>
    <script>
        var myChart = echarts.init(document.getElementById('main'));
        var option = {
            title: {
                text: '销售统计'
            },
            tooltip: {},
            legend: {
                data:['销量']
            },
            xAxis: {
                data: <?php echo $jsonArray; ?>
            },
            yAxis: {
                type: 'value'
            },
            series: [{
                name: '销量',
                type: 'bar',
                data: <?php echo $jsonArray; ?>
            }]
        };
        myChart.setOption(option);
    </script>
</body>
</html>

Dans ce rapport, $jsonArray est un tableau PHP contenant des données, qui est converti au format JSON et utilisé comme x -axis et L'attribut data de l'axe y est transmis. Dans les applications réelles, les données peuvent être obtenues à partir de bases de données ou d'autres sources de données.

Cet article explique comment utiliser PHP et ECharts pour créer des graphiques et des rapports visuels. Grâce à ces technologies, nous pouvons présenter les données de manière plus claire et intuitive, servant ainsi mieux la prise de décision des entreprises. Bien qu'ECharts possède de nombreuses fonctionnalités et utilisations complexes, tant que nous maîtrisons les méthodes d'utilisation de base et les compétences en traitement des données PHP, nous pouvons également créer des graphiques et des rapports visuels magnifiques et faciles à utiliser.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Technologie d'analyse et de débogage du code source en PHPArticle suivant：Technologie d'analyse et de débogage du code source en PHP

Articles Liés

Voir plus