Maison développement back-end tutoriel php À partir de zéro : apprenez à créer des graphiques en chandeliers boursiers avec PHP et JS

À partir de zéro : apprenez à créer des graphiques en chandeliers boursiers avec PHP et JS

Dec 17, 2023 pm 12:50 PM
php js Graphique des bougies boursières

À partir de zéro : apprenez à créer des graphiques en chandeliers boursiers avec PHP et JS

Partez de zéro : apprenez à créer un graphique en chandeliers boursiers à l'aide de PHP et JS

Dans le cadre du trading d'actions, un graphique en chandeliers est un type de graphique courant utilisé pour montrer l'évolution du prix d'une action. Cet article explique comment utiliser PHP et JS pour créer des graphiques boursiers en chandeliers et fournit des exemples de code spécifiques.

1. Préparation technique
Avant de commencer, nous devons nous assurer que l'environnement de développement PHP et JS a été installé. S'il n'est pas installé, vous pouvez l'installer conformément à la documentation officielle.

2. Préparation des données
Afin de créer un graphique en bougies boursières, nous devons d'abord préparer les données historiques sur les prix de l'action. Ces données peuvent être obtenues auprès de bourses ou de fournisseurs de données tiers. Pour simplifier l'exemple, nous utilisons des données boursières hypothétiques, enregistrées dans un fichier CSV. Le format du fichier devrait ressembler à ceci :

日期,开盘价,最高价,最低价,收盘价
2022-01-01,100,120,80,110
2022-01-02,110,130,90,120
......
Copier après la connexion

3. Lire les données avec PHP
Tout d'abord, nous devons utiliser PHP pour lire les données dans le fichier CSV. Vous pouvez utiliser la fonction fgetcsv pour lire un fichier CSV ligne par ligne et enregistrer les données de chaque ligne dans un tableau. Voici un exemple de code pour lire un fichier CSV et enregistrer les données :

$data = array(); //保存数据的数组
$handle = fopen('stock_data.csv', 'r'); //打开CSV文件
if ($handle) {
    while (($line = fgetcsv($handle)) !== false) {
        $data[] = $line;
    }
    fclose($handle); //关闭文件句柄
}
Copier après la connexion

IV Traitement des données
Après avoir lu les données du fichier CSV dans un tableau PHP, nous devons traiter les données afin de créer un graphique en bougies. en utilisant JS. Plus précisément, nous devons enregistrer les données de date et de prix dans des tableaux distincts pour les utiliser dans JS.

Ce qui suit est un exemple de code pour enregistrer respectivement les données de date et de prix dans des tableaux :

$dates = array(); //保存日期的数组
$opens = array(); //保存开盘价的数组
$highs = array(); //保存最高价的数组
$lows = array(); //保存最低价的数组
$closes = array(); //保存收盘价的数组

foreach ($data as $row) {
    $dates[] = $row[0];
    $opens[] = floatval($row[1]);
    $highs[] = floatval($row[2]);
    $lows[] = floatval($row[3]);
    $closes[] = floatval($row[4]);
}
Copier après la connexion

5. Générer un graphique en chandeliers
Maintenant, nous avons préparé les données et les avons enregistrées dans différents tableaux. Ensuite, nous utiliserons JS pour créer des graphiques en chandeliers.

Tout d'abord, nous devons introduire la bibliothèque JS dans la page HTML. Ici, nous utilisons la bibliothèque Chart.js pour générer des graphiques en chandeliers. La version correspondante de Chart.js peut être téléchargée depuis le site officiel et introduite dans la page HTML.

Ensuite, créez un élément canevas dans la page HTML pour afficher le graphique en bougies. Voici le code HTML pour un exemple :

<!DOCTYPE html>
<html>
<head>
    <script src="path/to/Chart.js"></script>
</head>
<body>
    <canvas id="candlestick-chart"></canvas>
    <script src="path/to/candlestick.js"></script>
</body>
</html>
Copier après la connexion

Dans le fichier JavaScript chandelier.js, nous utilisons l'API Chart.js pour créer des graphiques en chandeliers. Voici un exemple de code JavaScript :

var ctx = document.getElementById('candlestick-chart').getContext('2d');
var chart = new Chart(ctx, {
    type: 'candlestick',
    data: {
        datasets: [{
            data: [{
                t: new Date("2022-01-01"),
                o: 100,
                h: 120,
                l: 80,
                c: 110
            },
            {
                t: new Date("2022-01-02"),
                o: 110,
                h: 130,
                l: 90,
                c: 120
            },
            ... //将PHP中的数据补充到这里
            ]
        }]
    }
});
Copier après la connexion

Dans le code ci-dessus, nous utilisons l'API fournie par Chart.js pour créer un graphique en bougies. En complétant les données en PHP, nous pouvons ajouter dynamiquement des données de graphique en bougies dans data.datasets[0].data du graphique.

6. Conclusion
Cet article explique comment utiliser PHP et JS pour créer des graphiques en bougies boursières et donne des exemples de code spécifiques. Grâce à cet exemple, nous pouvons apprendre à lire un fichier CSV, enregistrer les données dans un tableau et utiliser la bibliothèque Chart.js pour générer des graphiques en chandeliers. J'espère que cet article vous sera utile dans le processus d'apprentissage des graphiques boursiers en chandeliers.

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!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Comment réparer l'audio si vous n'entendez personne
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Où trouver la courte de la grue à atomide atomique
1 Il y a quelques semaines By DDD

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Configuration du projet CakePHP Configuration du projet CakePHP Sep 10, 2024 pm 05:25 PM

Dans ce chapitre, nous comprendrons les variables d'environnement, la configuration générale, la configuration de la base de données et la configuration de la messagerie dans CakePHP.

Guide d'installation et de mise à niveau de PHP 8.4 pour Ubuntu et Debian Guide d'installation et de mise à niveau de PHP 8.4 pour Ubuntu et Debian Dec 24, 2024 pm 04:42 PM

PHP 8.4 apporte plusieurs nouvelles fonctionnalités, améliorations de sécurité et de performances avec une bonne quantité de dépréciations et de suppressions de fonctionnalités. Ce guide explique comment installer PHP 8.4 ou mettre à niveau vers PHP 8.4 sur Ubuntu, Debian ou leurs dérivés. Bien qu'il soit possible de compiler PHP à partir des sources, son installation à partir d'un référentiel APT comme expliqué ci-dessous est souvent plus rapide et plus sécurisée car ces référentiels fourniront les dernières corrections de bogues et mises à jour de sécurité à l'avenir.

Date et heure de CakePHP Date et heure de CakePHP Sep 10, 2024 pm 05:27 PM

Pour travailler avec la date et l'heure dans cakephp4, nous allons utiliser la classe FrozenTime disponible.

CakePHP travaillant avec la base de données CakePHP travaillant avec la base de données Sep 10, 2024 pm 05:25 PM

Travailler avec la base de données dans CakePHP est très simple. Nous comprendrons les opérations CRUD (Créer, Lire, Mettre à jour, Supprimer) dans ce chapitre.

Téléchargement de fichiers CakePHP Téléchargement de fichiers CakePHP Sep 10, 2024 pm 05:27 PM

Pour travailler sur le téléchargement de fichiers, nous allons utiliser l'assistant de formulaire. Voici un exemple de téléchargement de fichiers.

Routage CakePHP Routage CakePHP Sep 10, 2024 pm 05:25 PM

Dans ce chapitre, nous allons apprendre les sujets suivants liés au routage ?

Discuter de CakePHP Discuter de CakePHP Sep 10, 2024 pm 05:28 PM

CakePHP est un framework open source pour PHP. Il vise à faciliter grandement le développement, le déploiement et la maintenance d'applications. CakePHP est basé sur une architecture de type MVC à la fois puissante et facile à appréhender. Modèles, vues et contrôleurs gu

CakePHP créant des validateurs CakePHP créant des validateurs Sep 10, 2024 pm 05:26 PM

Le validateur peut être créé en ajoutant les deux lignes suivantes dans le contrôleur.

See all articles