PHP インターフェースと ECharts を使用して適応統計グラフを生成する方法-PHPチュートリアル-php.cn

PHP インターフェースと ECharts を使用して適応統計グラフを生成する方法

PHPz

リリース： 2023-12-18 12:50:02

オリジナル

624 人が閲覧しました

PHP インターフェースと ECharts を使用して適応統計グラフを生成する方法

php インターフェイスと ECharts を使用して適応型統計グラフを生成する方法

インターネットの急速な発展とビッグデータ時代の到来により、データの視覚化がますます重要になりました。データを取得する方法であり、データを表示する重要な方法の 1 つです。 ECharts は、優れたデータ視覚化ライブラリとして、多くの開発者にとって最適なツールの 1 つとなっています。この記事では、PHP インターフェイスと EChart を通じて適応統計グラフを生成する方法を紹介し、具体的なコード例を示します。

プロジェクト環境の確認
まず、プロジェクト環境にphpとEChartsがインストールされていることを確認してください。 php と ECharts の最新バージョンを入手できます。
データの準備
統計グラフを生成する前に、データを準備する必要があります。学生管理システムがあり、各クラスの平均点をカウントしたいとします。データベースからデータをクエリし、結果を配列として保存します。

<?php
$conn = new mysqli("localhost", "username", "password", "database");

if ($conn->connect_error) {
    die("连接失败: " . $conn->connect_error);
}

$sql = "SELECT class, AVG(score) AS average_score FROM students GROUP BY class";
$result = $conn->query($sql);

$data = array();
while ($row = $result->fetch_assoc()) {
    $data[] = array(
        'class' => $row['class'],
        'average_score' => $row['average_score']
    );
}

$conn->close();
?>

ログイン後にコピー

チャートの生成
次に、ECharts を使用してチャートを生成します。 PHP では、HTML テンプレートを作成し、必要なデータとスクリプトを PHP で動的に生成できます。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>统计图表</title>
    <!-- 引入ECharts库 -->
    <script src="echarts.min.js"></script>
</head>
<body>
    <div id="chart" style="width: 100%; height: 400px;"></div>

    <script>
        // 动态生成图表数据
        var data = <?php echo json_encode($data); ?>;

        // 初始化图表
        var chart = echarts.init(document.getElementById('chart'));

        // 配置图表
        var option = {
            title: {
                text: '班级平均分数统计',
                left: 'center'
            },
            xAxis: {
                type: 'category',
                data: data.map(function(item) {
                    return item.class;
                })
            },
            yAxis: {
                type: 'value',
                name: '平均分数'
            },
            series: [{
                type: 'bar',
                data: data.map(function(item) {
                    return item.average_score;
                })
            }]
        };

        // 渲染图表
        chart.setOption(option);
    </script>
</body>
</html>

ログイン後にコピー

php インターフェイスの作成
最後に、データを取得し、json 形式でフロントエンドに返すための php インターフェイスを作成する必要があります。

<?php
header('Content-Type: application/json');

$data = array(
    array('class' => 'Class A', 'average_score' => 85),
    array('class' => 'Class B', 'average_score' => 78),
    array('class' => 'Class C', 'average_score' => 92),
    // 更多数据...
);

echo json_encode($data);
?>

ログイン後にコピー

次に、フロントエンドで php インターフェイスを呼び出してデータを取得し、ECharts を使用してグラフを生成します。

$.getJSON('data.php', function(data) {
    // 使用ECharts生成图表
    // ...
});

ログイン後にコピー

上記の手順により、php インターフェイスを通じてデータを取得し、EChart を使用して適応統計グラフを生成できます。この記事が、プロジェクトにおけるデータ視覚化のニーズを実現するのに役立つことを願っています。

以上がPHP インターフェースと ECharts を使用して適応統計グラフを生成する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

php 8、私も来ます

ウェブサイトのレイアウトを 30 分で学ぶ

ビデオチュートリアルに精通したOracleの入門

あなたの最初のUNI-APPコード

ゼロからアプリの起動までフラッター

兄弟連新版Linuxビデオチュートリアル

AXURE 9 ビデオチュートリアル (プロダクトマネージャーのインタラクティブな製品設計 UI に適しています)

基礎能力ゼロ PS ビデオチュートリアル

16日間のUIビデオチュートリアル

PS テクニックとスライステクニックのビデオチュートリアル

アリクラウド環境構築およびプロジェクトオンラインビデオチュートリアル

コンピュータネットワークの概要 - プログラマが身につけるべき基礎知識

プログラマーのための基本チュートリアル - HTTP プロトコルの説明

Websocket ビデオチュートリアル

PHP インターフェースと ECharts を使用して適応統計グラフを生成する方法