Maison > Article > développement back-end > Conseils de développement PHP et JS : maîtrisez la méthode de création de graphiques en bougies boursières
Conseils de développement PHP et JS : maîtrisez la méthode de création de graphiques en bougies boursières
- WBOYoriginal
- 2023-12-18 15:39:51709parcourir
Avec le développement rapide de la finance sur Internet, l'investissement en actions est devenu le choix de plus en plus de personnes. Dans le trading d'actions, les graphiques en bougies sont une méthode d'analyse technique couramment utilisée. Ils peuvent montrer l'évolution des cours des actions et aider les investisseurs à prendre des décisions plus précises. Cet article présentera les compétences de développement de PHP et JS, amènera les lecteurs à comprendre comment dessiner des graphiques en bougies boursières et fournira des exemples de code spécifiques.
1. Comprendre les graphiques en bougies boursières
Avant de présenter comment dessiner des graphiques en bougies boursières, nous devons d'abord comprendre ce qu'est un graphique en bougies. Le graphique en chandeliers est une méthode d'affichage graphique des cours boursiers inventée par les Japonais. Elle peut montrer la hausse et la baisse des cours boursiers. Un graphique en chandeliers contient quatre prix : le prix d'ouverture, le prix de clôture, le prix haut et le prix bas. Si le cours de l'action augmente au cours de la journée, la partie réelle de la bougie est remplie, tandis qu'elle est vide si le cours de l'action baisse. De plus, il y a deux lignes d’ombre au-dessus et au-dessous du graphique en bougies, représentant le prix le plus élevé et le prix le plus bas. En observant les graphiques en bougies, les investisseurs peuvent comprendre la situation du marché et prendre les décisions d'investissement correspondantes.
2. Dessinez des graphiques en bougies en utilisant PHP
PHP est un langage de script open source côté serveur couramment utilisé pour le développement Web. Ici, nous utiliserons PHP pour dessiner des graphiques en chandeliers. Pour plus de commodité, nous pouvons utiliser une bibliothèque PHP pour nous aider à dessiner des graphiques. Ici, nous utilisons PHPlot, une bibliothèque qui fournit un moyen simple et facile de générer différents types de graphiques, y compris des graphiques en chandeliers. Voici un exemple de code PHP de base :
<?php
require_once 'phplot.php';
$data = array(
array('2000-06-01', 12, 19, 8, 15),
array('2000-06-02', 18, 25, 16, 24),
array('2000-06-03', 23, 27, 20, 25),
array('2000-06-04', 22, 26, 20, 23),
array('2000-06-05', 20, 24, 18, 22),
array('2000-06-06', 19, 21, 13, 16),
);
$plot = new PHPlot(800, 600);
$plot->SetTitle("Stock Prices");
$plot->SetDataType("data-data");
$plot->SetDataValues($data);
$plot->SetPlotType("candlesticks");
$plot->DrawGraph();
?>Dans cet exemple, nous définissons un tableau appelé $data, qui contient quatre valeurs pour le cours de l'action et la date. Ensuite, nous avons créé un objet PHPlot et défini le titre, le type de données et le type de tracé du graphique. Enfin, nous avons appelé la méthode DrawGraph() pour générer le graphique en bougies. De cette façon, nous pouvons facilement générer des graphiques en chandeliers avec divers effets de visualisation.
3. Utilisez JS pour dessiner des graphiques en bougies
En plus de PHP, JavaScript est également un langage de développement Web très populaire, qui peut être utilisé pour générer du contenu dynamique dans le navigateur. Ici, nous utiliserons JS pour créer un graphique en chandeliers boursiers. Pour atteindre cet objectif, nous pouvons utiliser une bibliothèque appelée Highcharts, qui fournit une solution complète de cartographie boursière côté client. Voici un exemple simple de code JS :
<!DOCTYPE html>
<html>
<head>
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script>
Highcharts.chart('container', {
chart: {
type: 'candlestick'
},
title: {
text: 'AAPL Stock Price'
},
xAxis: {
type: 'category',
labels: {
rotation: -45,
align: 'right'
}
},
yAxis: {
title: {
text: 'Price'
},
tickInterval: 10
},
series: [{
data: [
[1552300800000, 173.91, 175.5, 173.08, 174.97],
[1552387200000, 174.67, 175.49, 172.02, 173.15],
[1552473600000, 173.94, 174.67, 172.02, 173.32],
[1552560000000, 174.28, 175.15, 172.89, 174.87],
[1552646400000, 175.69, 177.75, 173.97, 175.53]
]
}]
});
</script>
</head>
<body>
<div id="container"></div>
</body>
</html>Dans cet exemple, nous avons introduit les fichiers JS nécessaires en important la bibliothèque Highcharts dans la balise
Ensuite, nous définissons un conteneur div appelé conteneur pour stocker le graphique en chandeliers boursiers. Ensuite, nous avons créé un objet graphique Highcharts et configuré le type de graphique, le titre, l'axe, la série de données et d'autres propriétés. Enfin, nous avons lié l'objet graphique au conteneur et affiché le graphique en chandeliers boursiers dans le navigateur.4. Résumé
Le graphique en bougies boursières est une méthode d'analyse technique très pratique, qui peut aider les investisseurs à mieux comprendre la situation du marché boursier. Dans cet article, nous expliquons comment dessiner des graphiques en bougies boursières en introduisant des techniques de développement en PHP et JS, et fournissons des exemples de code spécifiques. Je pense qu'avec ces connaissances, les lecteurs peuvent mieux appliquer les graphiques en bougies pour analyser le marché boursier et prendre des décisions d'investissement plus éclairées.
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!