初心者ガイド: PHP と JS を使用して株価のローソク足を描画する方法-PHPチュートリアル-php.cn

初心者ガイド: PHP と JS を使用して株価のローソク足を描画する方法

WBOY

リリース： 2023-12-17 10:26:01

オリジナル

738 人が閲覧しました

初心者ガイド: PHP と JS を使用して株価のローソク足を描画する方法

スタートガイド: PHP と JS を使用して株式ローソク足チャートを描画する方法

はじめに:
株式ローソク足チャートは、株式市場のテクニカルで一般的に使用されるチャートタイプです。株価の動向や取引状況を視覚的に表示できます。この記事では、PHP と JS を使用して株価のローソク足チャートを描画する方法を紹介し、読者が使い始めるのに役立つ具体的なコード例を示します。

パート 1: 環境のセットアップと準備
開始する前に、PHP と JS に関連する環境がシステムにインストールされていることを確認する必要があります。 PHP がシステムにインストールされていない場合は、公式 Web サイト (https://www.php.net) からインストールパッケージをダウンロードしてインストールできます。 JS はブラウザ内で実行されるスクリプト言語であり、追加のインストールは必要ありません。

パート 2: 株価データの取得
ローソク足チャートを描画する前に、まず株価の履歴データを取得する必要があります。データは証券取引所のインターフェイスまたはサードパーティのデータプロバイダーを通じて取得できます。この記事では例として仮説のデータセットを使用します。

サンプルデータ形式は次のとおりです。

[
  {
    "date": "2022-01-01",
    "open": 100,
    "high": 110,
    "low": 90,
    "close": 105
  },
  {
    "date": "2022-01-02",
    "open": 105,
    "high": 120,
    "low": 100,
    "close": 115
  },
  ...
]

ログイン後にコピー

各データオブジェクトは、日付、始値、最高値、最低価格、終値を含む 1 日の取引を表します。

パート 3: ローソク足チャートを描画する

HTML ページの作成
まず、ローソク足チャートを表示するための HTML ファイルを作成します。 HTML ファイルでは、Chart.js ライブラリを導入する必要があります。
```
<!DOCTYPE html>
<html>
<head>
  <title>股票蜡烛图</title>
  <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
</head>
<body>
  <canvas id="candlestick-chart"></canvas>
</body>
</html>
```
ログイン後にコピー
JS コードを記述する
次の JS コードを HTML ファイルに追加して、株価データを取得し、ローソク足を描画します。チャート:
```
<script>
  // 获取股票数据
  const stockData = [
 // 这里填入获取的股票数据
  ];

  // 转换数据格式
  const chartData = stockData.map((data) => ({
 t: new Date(data.date),
 o: data.open,
 h: data.high,
 l: data.low,
 c: data.close
  }));

  // 绘制蜡烛图
  const ctx = document.getElementById('candlestick-chart');
  new Chart(ctx, {
 type: 'candlestick',
 data: {
   datasets: [{
     label: '股票价格',
     data: chartData
   }]
 },
 options: {
   // 可根据需要进行配置，如设置图表样式、颜色等
 }
  });
</script>
```
ログイン後にコピー
パート 4: コードを実行して結果を表示する
上記の HTML ファイルを別のファイル (candlestick.html など) として保存し、次の方法でファイルを開きます。ブラウザでコードを実行して、描画されたローソク足チャートの効果を表示します。

概要:
この記事では、PHP と JS を使用して株価のローソク足チャートを描画する方法と、具体的なコード例を紹介しました。これらの基本を学ぶことで、読者はさらにチャートライブラリやテクニックを使用して株価データを表示および分析する方法をさらに学び、探究することができます。この記事が読者のお役に立てば幸いです。そして、皆さんが株式市場で成功することを祈っています。
以上が初心者ガイド: PHP と JS を使用して株価のローソク足を描画する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。