Guide du débutant : Comment dessiner des chandeliers boursiers à l'aide de PHP et JS-tutoriel php-php.cn

Guide du débutant : Comment dessiner des chandeliers boursiers à l'aide de PHP et JS

WBOY

Libérer： 2023-12-17 10:26:01

original

740 Les gens l'ont consulté

Guide du débutant : Comment dessiner des chandeliers boursiers à laide de PHP et JS

Guide de démarrage : Comment dessiner des graphiques en bougies boursières à l'aide de PHP et JS

Introduction :
Le graphique en bougies boursières est un type de graphique couramment utilisé dans l'analyse technique boursière, qui peut afficher visuellement l'évolution des cours des actions et des échanges. activités. Cet article expliquera comment utiliser PHP et JS pour dessiner des graphiques en bougies boursières et fournira des exemples de code spécifiques pour aider les lecteurs à démarrer.

Première partie : Configuration de l'environnement et préparatifs
Avant de commencer, nous devons nous assurer que les environnements appropriés pour PHP et JS ont été installés dans le système. Si PHP n'est pas installé sur le système, vous pouvez télécharger le package d'installation via le site officiel (https://www.php.net) et l'installer. JS est un langage de script qui s'exécute dans le navigateur et ne nécessite aucune installation supplémentaire.

Partie 2 : Obtention des données boursières
Avant de dessiner un graphique en bougies, nous devons d'abord obtenir les données historiques du titre. Les données peuvent être obtenues via l'interface de la bourse ou d'un fournisseur de données tiers. Cet article utilisera un ensemble de données hypothétiques comme exemple.

L'exemple de format de données est le suivant :

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

Copier après la connexion

Chaque objet de données représente la négociation d'une journée, y compris la date, le cours d'ouverture, le cours le plus élevé, le cours le plus bas et le cours de clôture.

Partie 3 : Dessiner des graphiques en chandeliers

Créer une page HTML
Tout d'abord, créez un fichier HTML pour afficher le graphique en chandeliers. Dans le fichier HTML, vous devez introduire la bibliothèque 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>

Copier après la connexion

Écrivez le code JS
Ajoutez le code JS suivant dans le fichier HTML pour obtenir des données boursières et dessiner des graphiques en bougies :
```
<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>
```
Copier après la connexion
Partie 4 : Exécutez le code et affichez les résultats
Enregistrez le fichier HTML ci-dessus en tant que fichier séparé (tel que chandelier.html), ouvrez le fichier via le navigateur pour exécuter le code et affichez l'effet du graphique en bougies dessiné.

Résumé :
Dans cet article, nous avons présenté comment dessiner des graphiques en bougies boursières à l'aide de PHP et JS, et avons fourni des exemples de code spécifiques. En apprenant ces bases, les lecteurs peuvent apprendre et explorer davantage comment utiliser davantage de bibliothèques de graphiques et de techniques pour afficher et analyser les données boursières. J'espère que cet article pourra être utile aux lecteurs et je vous souhaite tout le succès en bourse !
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!