PHPとJSの実戦：株価ローソク足チャート描画チュートリアル
- 王林オリジナル
- 2023-12-17 11:21:46652ブラウズ
PHP と JS の実践的な戦闘: 株式ローソク足チャート描画チュートリアル
株式取引データの視覚化は、金融分野において常に重要なタスクの 1 つです。ローソク足チャートは、株式取引の傾向分析チャートの中で最もよく使用されるものの 1 つです。このチュートリアルでは、PHP と JS を使用して株式ローソク足を描画する方法を説明し、具体的なコード例を示します。
1. 準備
まず、日付、始値、高値、安値、終値などの株式取引データを準備する必要があります。データは CSV ファイルまたはデータベースから取得できますが、ここではデータがデータベースに保存されていると仮定します。
2. ローソク足チャートを描画する
- PHP コード部分
まず、データベースから株式取引データを取得し、データを処理する必要があります。具体的なコードは次のとおりです。
<?php
// 连接数据库
$connect = mysqli_connect("localhost", "username", "password", "database");
// 获取股票交易数据
$query = "SELECT * FROM stock_data";
$result = mysqli_query($connect, $query);
// 定义数组来存储数据
$data = array();
// 处理数据
while($row = mysqli_fetch_assoc($result)) {
$data[] = array(
"date" => $row["date"],
"open" => $row["open"],
"high" => $row["high"],
"low" => $row["low"],
"close" => $row["close"]
);
}
// 关闭数据库连接
mysqli_close($connect);
?>コードでは、mysqli 関数を使用してデータベースに接続し、クエリ ステートメントを実行してデータを取得します。次に、データを保存する配列 $data を定義し、while ループを使用してデータを配列に保存します。
- JS コード部分
次に、JavaScript を使用してローソク足チャートを描画します。具体的なコードは次のとおりです。
<!DOCTYPE html>
<html>
<head>
<title>Stock Candlestick Chart</title>
<script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
</head>
<body>
<div id="chart"></div>
<script>
var options = {
series: [{
data: [
<?php
foreach($data as $row) {
echo "{ x: new Date('" . $row["date"] . "'), y: [" . $row["open"] . ", " . $row["high"] . ", " . $row["low"] . ", " . $row["close"] . "] },";
}
?>
]
}],
chart: {
type: 'candlestick',
height: 350
},
title: {
text: 'Stock Candlestick Chart'
},
xaxis: {
type: 'datetime'
},
yaxis: {
tooltip: {
enabled: true
}
}
};
var chart = new ApexCharts(document.querySelector("#chart"), options);
chart.render();
</script>
</body>
</html>コードでは、ApexCharts ライブラリを使用してローソク足チャートを描画します。オプションでは、株式取引データをシリーズの data 属性に渡し、foreach ループを使用して JS コードを生成します。 X 軸に日付データ、Y 軸に株式取引データを使用します。その他の構成項目には、グラフの種類、タイトル、X 軸および Y 軸の設定が含まれます。
3. 使用例
上記のPHPコードを「index.php」として保存し、ブラウザからアクセスすると、株価ローソク足チャートの描画結果を閲覧することができます。
4. 概要
このチュートリアルでは、PHP と JS を使用して株価のローソク足チャートを描画する方法を紹介し、具体的なコード例を示します。株式ローソク足チャートは、株式取引の傾向をより直観的に理解し、対応する分析と意思決定を容易にするのに役立ちます。このチュートリアルを学習してマスターすることで、PHP と JS テクノロジーをより適切に適用して株式データの視覚的な表示を実現できるようになります。
以上がPHPとJSの実戦：株価ローソク足チャート描画チュートリアルの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。