Comment créer un graphique en chandeliers boursiers en utilisant PHP et JS-tutoriel php-php.cn

Maison

développement back-end

tutoriel php

Comment créer un graphique en chandeliers boursiers en utilisant PHP et JS

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Dec 17, 2023 am 08:08 AM

phpjsGraphique des bougies boursières

Comment créer un graphique en chandeliers boursiers en utilisant PHP et JS

Comment créer un graphique en bougies boursières en utilisant PHP et JS

Un graphique en bougies boursières est un graphique d'analyse technique courant en bourse. Il facilite l'investissement en dessinant le prix d'ouverture, le prix de clôture, le prix le plus élevé et le prix le plus bas de. les investisseurs peuvent comprendre plus intuitivement les fluctuations des prix des actions. Cet article vous apprendra comment créer des graphiques en bougies boursières en utilisant PHP et JS, avec des exemples de code spécifiques.

1. Préparation
Avant de commencer, nous devons préparer l'environnement suivant :
1. Un serveur exécutant PHP
2. Un navigateur prenant en charge HTML5 et Canvas
3. Téléchargez et introduisez la bibliothèque Chart.js. téléchargé depuis Téléchargez la dernière version sur le site officiel : https://www.chartjs.org/

2. Obtenir les données boursières
Tout d'abord, nous devons obtenir les données historiques sur les prix du titre, qui peuvent être obtenues à partir des interfaces API , bases de données ou autres sources de données. Ici, nous supposons que nous avons obtenu un tableau contenant les cours des actions. Chaque élément contient les données suivantes : date, cours d'ouverture, cours de clôture, cours le plus élevé et cours le plus bas.

3. Écrivez du code PHP pour générer des données graphiques
Dans le fichier PHP, nous pouvons utiliser le tableau des cours boursiers obtenu pour le convertir dans un format de données qui répond aux exigences de Chart.js. L'implémentation spécifique est la suivante :

<?php
$stockData = array(
    array("date" => "2021-01-01", "open" => 100, "close" => 120, "high" => 130, "low" => 90),
    // 其他股票价格数据...
);

$chartData = array();

foreach ($stockData as $stock) {
    $chartData[] = array(
        "t" => strtotime($stock["date"]),
        "o" => $stock["open"],
        "c" => $stock["close"],
        "h" => $stock["high"],
        "l" => $stock["low"]
    );
}

echo json_encode($chartData);
?>

Le code ci-dessus définit d'abord un tableau $stockData pour stocker les données sur le cours des actions, puis convertit chaque élément de données dans un format qui répond aux exigences de Chart.js via une boucle et le stocke dans le Tableau $chartData. Enfin, utilisez la fonction json_encode pour convertir le tableau $chartData en une chaîne au format JSON et l'afficher dans le navigateur.

4. Créez un fichier HTML et introduisez Chart.js
Ensuite, nous devons créer un fichier HTML, introduire la bibliothèque Chart.js et écrire la balise Canvas pour afficher les graphiques en bougies. L'exemple de code spécifique est le suivant :

<!DOCTYPE html>
<html>
<head>
    <title>股票蜡烛图</title>
    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
</head>
<body>
    <canvas id="candlestick-chart"></canvas>
    <script>
        <?php include 'generateChartData.php'; ?> // 引入生成图表数据的PHP文件
        var ctx = document.getElementById('candlestick-chart').getContext('2d');
        var chartData = <?php echo json_encode($chartData); ?>;

        new Chart(ctx, {
            type: 'candlestick',
            data: {
                datasets: [{
                    data: chartData
                }]
            },
            options: {
                // 具体的配置项可以根据需要进行调整
            }
        });
    </script>
</body>
</html>

Dans le code ci-dessus, nous avons d'abord introduit la bibliothèque Chart.js, puis ajouté une balise Canvas avec l'identifiant « chandelier-chart » à la page pour afficher le graphique en bougies boursières. Ensuite, les données du graphique générées sont affectées à la variable chartData via le code PHP. Enfin, une instance de graphique en bougie est créée à l'aide de la bibliothèque Chart.js et les données du graphique sont transmises à la fonction de création.

5. Ajustez le style du graphique et les éléments de configuration
En fonction des besoins réels, nous pouvons ajuster davantage le style du graphique et les éléments de configuration selon la documentation Chart.js. L'adresse du document est la suivante : https://www.chartjs.org/docs/latest/charts/candlestick.html

En configurant de manière appropriée le style du graphique et les éléments de configuration, le graphique en chandeliers boursiers peut être rendu plus conforme à notre besoins et mieux afficher l’évolution des cours boursiers.

Résumé
La création de graphiques en bougies boursières à l'aide de PHP et JS nécessite un serveur exécutant PHP et un navigateur prenant en charge HTML5 et Canvas. En convertissant les données boursières dans un format de données qui répond aux exigences de Chart.js, puis en utilisant Chart.js pour créer une instance de graphique en bougies, les fluctuations du cours des actions peuvent être affichées dans le navigateur. En ajustant les éléments de style et de configuration, le graphique en bougies boursières peut être mieux adapté à nos besoins. J'espère que cet article vous aidera !

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

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

Article connexe

Comment fonctionne la résistance au type PHP, y compris les types scalaires, les types de retour, les types d'union et les types nullables?Apr 17, 2025 am 12:25 AM

Le type PHP invite à améliorer la qualité et la lisibilité du code. 1) Conseils de type scalaire: Depuis PHP7.0, les types de données de base sont autorisés à être spécifiés dans les paramètres de fonction, tels que INT, Float, etc. 2) Invite de type de retour: Assurez la cohérence du type de valeur de retour de fonction. 3) Invite de type d'union: Depuis PHP8.0, plusieurs types peuvent être spécifiés dans les paramètres de fonction ou les valeurs de retour. 4) Invite de type nullable: permet d'inclure des valeurs nulles et de gérer les fonctions qui peuvent renvoyer les valeurs nulles.

Comment PHP gère le clonage des objets (mot-clé de clone) et la méthode de magie __clone?Apr 17, 2025 am 12:24 AM

Dans PHP, utilisez le mot-clé Clone pour créer une copie de l'objet et personnalisez le comportement de clonage via la méthode de magie du clone \ _ \ _. 1. Utilisez le mot-clé Clone pour faire une copie peu profonde, en clonant les propriétés de l'objet mais pas aux propriétés de l'objet. 2. La méthode du clone \ _ \ _ peut copier profondément les objets imbriqués pour éviter les problèmes de copie superficiels. 3. Faites attention pour éviter les références circulaires et les problèmes de performance dans le clonage et optimiser les opérations de clonage pour améliorer l'efficacité.

PHP vs Python: cas d'utilisation et applicationsApr 17, 2025 am 12:23 AM

PHP convient aux systèmes de développement Web et de gestion de contenu, et Python convient aux scripts de science des données, d'apprentissage automatique et d'automatisation. 1.Php fonctionne bien dans la création de sites Web et d'applications rapides et évolutifs et est couramment utilisé dans CMS tel que WordPress. 2. Python a permis de manière remarquable dans les domaines de la science des données et de l'apprentissage automatique, avec des bibliothèques riches telles que Numpy et Tensorflow.

Décrivez différents en-têtes de mise en cache HTTP (par exemple, contrôle du cache, ETAG, dernier modifié).Apr 17, 2025 am 12:22 AM

Les acteurs clés des en-têtes de cache HTTP incluent le contrôle du cache, l'ETAG et la dernière modification. 1.CACHE-Control est utilisé pour contrôler les politiques de mise en cache. Exemple: Cache-Control: Max-Age = 3600, public. 2. Etag vérifie les changements de ressources par le biais d'identifiants uniques, exemple: ETAG: "686897696A7C876B7E". 3.Last-modifié indique le dernier temps de modification de la ressource, exemple: dernier modifié: mer, 21oct201507: 28: 00gmt.

Expliquez le hachage de mot de passe sécurisé dans PHP (par exemple, Password_Hash, Password_verify). Pourquoi ne pas utiliser MD5 ou SHA1?Apr 17, 2025 am 12:06 AM

Dans PHP, Password_Hash et Password_verify Les fonctions doivent être utilisées pour implémenter le hachage de mot de passe sécurisé, et MD5 ou SHA1 ne doit pas être utilisé. 1) Password_hash génère un hachage contenant des valeurs de sel pour améliorer la sécurité. 2) Password_verify Vérifiez le mot de passe et assurez-vous la sécurité en comparant les valeurs de hachage. 3) MD5 et SHA1 sont vulnérables et manquent de valeurs de sel, et ne conviennent pas à la sécurité de mot de passe moderne.

PHP: une introduction au langage des scripts côté serveurApr 16, 2025 am 12:18 AM

PHP est un langage de script côté serveur utilisé pour le développement Web dynamique et les applications côté serveur. 1.Php est un langage interprété qui ne nécessite pas de compilation et convient au développement rapide. 2. Le code PHP est intégré à HTML, ce qui facilite le développement de pages Web. 3. PHP traite la logique côté serveur, génère une sortie HTML et prend en charge l'interaction utilisateur et le traitement des données. 4. PHP peut interagir avec la base de données, traiter la soumission du formulaire et exécuter les tâches côté serveur.

PHP et le Web: explorer son impact à long termeApr 16, 2025 am 12:17 AM

PHP a façonné le réseau au cours des dernières décennies et continuera de jouer un rôle important dans le développement Web. 1) PHP est originaire de 1994 et est devenu le premier choix pour les développeurs en raison de sa facilité d'utilisation et de son intégration transparente avec MySQL. 2) Ses fonctions principales incluent la génération de contenu dynamique et l'intégration à la base de données, ce qui permet au site Web d'être mis à jour en temps réel et affiché de manière personnalisée. 3) La large application et l'écosystème de PHP ont motivé son impact à long terme, mais il fait également face à des mises à jour de version et à des défis de sécurité. 4) Les améliorations des performances ces dernières années, telles que la sortie de PHP7, lui permettent de rivaliser avec les langues modernes. 5) À l'avenir, PHP doit faire face à de nouveaux défis tels que la conteneurisation et les microservices, mais sa flexibilité et sa communauté active le rendent adaptable.

Pourquoi utiliser PHP? Avantages et avantages expliquésApr 16, 2025 am 12:16 AM

Les principaux avantages du PHP comprennent la facilité d'apprentissage, un soutien solide sur le développement Web, les bibliothèques et les cadres riches, les performances élevées et l'évolutivité, la compatibilité multiplateforme et la rentabilité. 1) Facile à apprendre et à utiliser, adapté aux débutants; 2) une bonne intégration avec les serveurs Web et prend en charge plusieurs bases de données; 3) ont des cadres puissants tels que Laravel; 4) Des performances élevées peuvent être obtenues grâce à l'optimisation; 5) prendre en charge plusieurs systèmes d'exploitation; 6) Open source pour réduire les coûts de développement.

See all articles