PHP と ECharts を使用して視覚的なチャートとレポートを作成する-PHPチュートリアル-php.cn

PHP と ECharts を使用して視覚的なチャートとレポートを作成する

PHPz

リリース： 2023-05-10 22:24:01

オリジナル

1549 人が閲覧しました

ビッグデータ時代の到来により、データの視覚化は企業の意思決定のための重要なツールになりました。さまざまな奇妙なデータ視覚化ツールが後を絶たずに登場しますが、その中でも ECharts はその強力な機能と優れたユーザーエクスペリエンスにより広く注目され、応用されています。 PHP は、主流のサーバーサイド言語として、豊富なデータ処理機能とグラフ表示機能も提供します。この記事では、PHP と ECharts を使用して視覚的なグラフとレポートを作成する方法を紹介します。

ECharts の概要

ECharts は、オープンソースのビジュアルチャートライブラリです。Baidu のフロントエンド技術部門によって開発されました。目的は、Web 開発者にチャートを視覚化するための優れたツールを開発する簡単かつ迅速な方法。次の機能がサポートされています:

複数のグラフタイプ: 折れ線グラフ、棒グラフ、散布図、円グラフ、ダッシュボードなど、さまざまな種類のグラフを描画できます。
インタラクション: 応答性、ズーム、ドラッグ、マーキング、リンクなどのインタラクティブな機能をサポートします。
アニメーション: 複数のアニメーションタイプとカスタムアニメーションをサポートします。
複数のデータ形式: JSON、XML、CSV、およびその他のデータ形式をサポートします。

PHP データ処理

PHP は広く使用されているサーバーサイド言語であり、データを提供するための多数のデータ処理とフォーマットされた出力関数を提供します。財団。よく使用される PHP 関数をいくつか示します。

(1) mysqli_connect() 関数: MySQL データベースに接続します。

サンプルコード:

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

ログイン後にコピー

(2) mysqli_query() 関数: MySQL クエリを実行します。

サンプルコード:

$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)json_encode() 関数: PHP 配列を JSON 形式に変換します。

サンプルコード:

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

ログイン後にコピー

上記の機能は PHP が提供するデータ処理機能のほんの一部であり、実際のニーズに応じて他の機能もデータ処理に使用できます。

ECharts チャートの作成

ECharts を使用する前に、ECharts 関連ファイルをプロジェクトに追加する必要があります。 ECharts 公式 Web サイト https://echarts.baidu.com/ から対応するバージョンをダウンロードすることも、CDN を使用して導入を加速することもできます。

ECharts ファイルを追加した後、HTML ページでグラフを作成できます。以下は、単純な棒グラフのサンプルコードです。

<!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>

ログイン後にコピー

上記のコードは、タイトル、軸ラベル、凡例を備えた棒グラフを作成します。これには、6 つのデータポイントと対応するカテゴリが含まれます。

PHP および ECharts レポートの作成

データとグラフを組み合わせて、単純なレポートを作成できます。以下は、PHP および 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>

ログイン後にコピー

このレポートでは、$jsonArray はデータを含む PHP 配列であり、JSON 形式に変換され、X 軸として使用されます。および y 軸データ属性が渡されます。実際のアプリケーションでは、データはデータベースまたは他のデータソースから取得できます。

概要

この記事では、PHP と ECharts を使用して視覚的なグラフとレポートを作成する方法を紹介します。これらのテクノロジーを通じて、データをより明確かつ直観的に表示できるため、企業の意思決定をより適切に行うことができます。 ECharts には複雑な機能や使い方がたくさんありますが、基本的な使用方法と PHP データ処理スキルをマスターしていれば、美しく使いやすいビジュアルチャートやレポートを作成することもできます。

以上がPHP と ECharts を使用して視覚的なチャートとレポートを作成するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。