Comment utiliser PHP pour la visualisation de données

La visualisation des données est un problème auquel de nombreuses entreprises et particuliers accordent actuellement une attention particulière lors du traitement des données. Elle peut transformer des informations de données complexes en graphiques et images intuitifs et faciles à comprendre, aidant ainsi les utilisateurs à mieux comprendre les lois et tendances inhérentes à la technologie. les données. En tant que langage de script efficace, PHP présente également certains avantages en matière de visualisation de données. Cet article explique comment utiliser PHP pour la visualisation de données.

1. Comprendre les plug-ins de graphiques PHP

Dans le domaine de la visualisation de données en PHP, un grand nombre de plug-ins de graphiques peuvent fournir des fonctions telles que le dessin de graphiques, l'embellissement de graphiques et la présentation de données de graphiques. Parmi eux, les excellents plug-ins de graphiques PHP courants incluent : Highcharts, ECharts, Jpgraph, etc.

Highcharts est une bibliothèque de graphiques basée sur JavaScript développée et maintenue par Highsoft. Elle prend en charge une variété de types de graphiques, tels que les graphiques linéaires de base, les graphiques à colonnes, les graphiques, les diagrammes circulaires, etc. Ses avantages sont qu'il est compatible avec plusieurs navigateurs, qu'il offre de superbes effets d'affichage de graphiques et qu'il prend en charge plusieurs environnements linguistiques.

ECharts est un ensemble d'outils de visualisation de données open source développés par Baidu. Il présente les avantages d'une interaction multiplateforme et dynamique et de bons effets de visualisation des données. Il prend également en charge une variété de types de graphiques, tels que les graphiques linéaires, les graphiques à barres, les graphiques linéaires, les diagrammes circulaires, les graphiques à bulles, etc.

JPGraph est une bibliothèque de graphiques PHP spécifiquement utilisée pour générer des graphiques d'images statiques. Elle est compatible avec plusieurs versions de PHP et prend en charge plusieurs types de données et diverses fonctionnalités avancées, telles que la mise à l'échelle des graphiques, la personnalisation des légendes, les étiquettes de données, etc.

2. Implémenter le dessin de graphiques via le code PHP

Après avoir sélectionné le plug-in de graphique PHP approprié, nous pouvons appeler la bibliothèque appropriée via le code PHP pour réaliser le dessin de graphiques. Voici un exemple de dessin d'un histogramme via Highcharts :

1 Présentez la bibliothèque js de Highcharts

<script src="https://cdn.jsdelivr.net/npm/highcharts@9.1.0/highcharts.js"></script>

2 Créez un conteneur HTML

<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

3. Écrivez du code PHP

<?php
// 1. 数据连接和查询
$dbhost = 'localhost';
$dbuser = 'root';
$dbpass = '';
$dbname = 'test';
$conn = mysqli_connect($dbhost, $dbuser, $dbpass) or die ('Error connecting to mysql');
mysqli_select_db($conn, $dbname);
$sql = 'SELECT * FROM employee';
$result = mysqli_query($conn, $sql);
$data = array();
foreach ($result as $row) {
    $data[] = array($row['name'], (int)$row['salary']);
}
mysqli_close($conn);

// 2. 绘制图表
echo '
<script>
Highcharts.chart("container", {
    chart: {
        type: "column"
    },
    title: {
        text: "员工薪资情况"
    },
    xAxis: {
        type: "category"
    },
    yAxis: {
        title: {
            text: "薪资 (元)"
        }
    },
    series: [{
        name: "薪资",
        data: '.json_encode($data).'
    }]
});
</script>
';
?>

Avec le code PHP ci-dessus, nous. peut réussir à dessiner un simple histogramme, les données du graphique proviennent de la table des employés dans la base de données MySQL.

3. Coopérer avec JavaScript pour obtenir une interaction dynamique

En plus de dessiner des graphiques statiques, nous devons généralement également implémenter des interactions dynamiques de graphiques, comme cliquer sur la légende pour afficher ou masquer certaines données, ou afficher les détails des données lorsque le la souris survole, etc. Cela nécessite l'utilisation de code JavaScript et PHP. Ce qui suit utilise Highcharts comme exemple pour expliquer.

1. Introduisez d'abord Highcharts et le code JavaScript associé dans HTML

<script src="https://cdn.jsdelivr.net/npm/highcharts@9.1.0/highcharts.js"></script>

2. Ensuite, écrivez du code PHP pour dessiner un simple histogramme

<?php
// 数据查询和处理
$categories = array('第一季度', '第二季度', '第三季度', '第四季度');
$seriesData = array(
    array(
        'name' => '销售额',
        'data' => array(100, 120, 150, 250)
    ),
    array(
        'name' => '净利润',
        'data' => array(50, 70, 100, 150)
    )
);

// 动态交互
?>
<script>
Highcharts.chart("container", {
    chart: {
        type: "column"
    },
    title: {
        text: "销售额和净利润"
    },
    xAxis: {
        categories: <?php echo json_encode($categories); ?>
    },
    yAxis: [{
        title: {
            text: "销售额"
        }
    }, {
        title: {
            text: "净利润"
        },
        opposite: true
    }],
    series: <?php echo json_encode($seriesData); ?>
});
</script>

3. Ensuite, écrivez des événements interactifs dynamiques via JavaScript pour réaliser l'affichage de la légende des clics ou masquer les données correspondantes

<script>
document.getElementById('container').addEventListener('click', function(e) {
    var chart = Highcharts.chart('container');
    if (e.target.tagName == 'tspan') {
        var seriesIndex = parseInt(e.target.parentNode.getAttribute('data-highcharts-series'));
        var series = chart.series[seriesIndex];
        if (series.visible) {
            series.hide();
        } else {
            series.show();
        }
    }
}, false);
</script>

Grâce aux étapes ci-dessus, nous avons réussi à implémenter un histogramme qui affiche ou masque dynamiquement les données en cliquant sur la légende, et à utiliser des scripts JavaScript pour obtenir des effets d'interaction dynamiques.

Résumé

La visualisation des données vise à fournir aux utilisateurs un moyen plus intuitif et efficace de comprendre les données. PHP, en tant que langage de programmation polyvalent et efficace, utilise des plug-ins de graphiques appropriés et divers effets d'animation fournis en JavaScript. divers effets de visualisation de données. Cependant, vous devez également prêter attention à la sécurité des données lors de leur utilisation et traiter rapidement des problèmes tels que les attaques de scripts intersites sur les graphiques afin de rendre la visualisation des données plus sûre et plus fiable, et de promouvoir le développement efficace et intelligent de l'analyse des données et de la prise de décision. .

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!