PHP と ECharts を使用して視覚的なチャートとレポートを作成する
- PHPzオリジナル
- 2023-05-10 22:21:221520ブラウズ
ビッグデータ時代の到来により、データの視覚化は企業の意思決定のための重要なツールになりました。さまざまな奇妙なデータ視覚化ツールが後を絶たずに登場しますが、その中でも 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 サイトの他の関連記事を参照してください。