Wesentliche Tools für die Aktienanalyse: Lernen Sie die Schritte zum Zeichnen von Kerzendiagrammen mit PHP und JS

Unverzichtbare Tools für die Aktienanalyse: Lernen Sie die Schritte zum Zeichnen von Kerzendiagrammen in PHP und JS kennen, spezifische Codebeispiele sind erforderlich

Mit der rasanten Entwicklung des Internets und der Technologie ist der Aktienhandel für viele zu einem der wichtigsten Wege geworden Investoren. Die Aktienanalyse ist ein wichtiger Teil der Anlegerentscheidung, und Kerzendiagramme werden häufig in der technischen Analyse verwendet. Wenn Sie lernen, wie man Kerzendiagramme mit PHP und JS zeichnet, erhalten Anleger intuitivere Informationen, die ihnen helfen, bessere Entscheidungen zu treffen.

Ein Kerzendiagramm ist ein technisches Diagramm, das Aktienkurse in Form von Kerzen anzeigt. Es zeigt die Eröffnungs-, Schluss-, Höchst- und Tiefstkurse der Aktienkurse an und identifiziert Markttrends durch Farbänderungen. Unter ihnen bedeutet Rot, dass der Aktienkurs gefallen ist, und Grün bedeutet, dass der Aktienkurs gestiegen ist. Die Methode zum Zeichnen von Kerzendiagrammen ist relativ einfach. Sie müssen lediglich den täglichen Eröffnungspreis, den Schlusskurs, den höchsten Preis und den niedrigsten Preis kennen.

Zuerst müssen wir die Daten vorbereiten. Angenommen, wir haben ein Array von Aktiendaten. Jedes Element des Arrays enthält Informationen wie Datum, Eröffnungspreis, Schlusskurs, Höchstpreis und Tiefstpreis.

$stocks = [
    ['date' => '2021/01/01', 'open' => 100, 'close' => 120, 'high' => 130, 'low' => 90],
    ['date' => '2021/01/02', 'open' => 130, 'close' => 150, 'high' => 160, 'low' => 120],
    // 更多股票数据...
];

Als nächstes können wir PHP verwenden, um Candlestick-Charts zu zeichnen. PHP bietet viele Grafikbibliotheken, die verwendet werden können, wie z. B. gd, ImageMagick usw. Hier verwenden wir zur Implementierung die gd-Bibliothek von PHP.

Zuerst erstellen wir eine leere Leinwand und legen die Breite und Höhe der Leinwand fest.

$width = 800;
$height = 400;
$image = imagecreatetruecolor($width, $height);

Dann legen wir einige Grundfarben wie Rot und Grün fest, um steigende und fallende Aktienkurse darzustellen.

$red = imagecolorallocate($image, 255, 0, 0);
$green = imagecolorallocate($image, 0, 255, 0);

Als nächstes durchlaufen wir das Aktiendaten-Array, berechnen die Position und Größe jeder Kerze und legen die Farbe basierend darauf fest, ob der Aktienkurs steigt oder fällt.

foreach ($stocks as $key => $stock) {
    $x = $key * ($width / count($stocks));
    $y1 = $height - ($stock['open'] - min($stock['low'], $stock['high'])) * ($height / (max($stock['high'], $stock['low']) - min($stock['low'], $stock['high'])));
    $y2 = $height - ($stock['close'] - min($stock['low'], $stock['high'])) * ($height / (max($stock['high'], $stock['low']) - min($stock['low'], $stock['high'])));
    $y3 = $height - ($stock['low'] - min($stock['low'], $stock['high'])) * ($height / (max($stock['high'], $stock['low']) - min($stock['low'], $stock['high'])));
    $y4 = $height - ($stock['high'] - min($stock['low'], $stock['high'])) * ($height / (max($stock['high'], $stock['low']) - min($stock['low'], $stock['high'])));

    if ($stock['close'] >= $stock['open']) {
        imagefilledrectangle($image, $x, $y2, $x + 10, $y1, $green);
        imageline($image, $x + 5, $y3, $x + 5, $y4, $green);
    } else {
        imagefilledrectangle($image, $x, $y1, $x + 10, $y2, $red);
        imageline($image, $x + 5, $y3, $x + 5, $y4, $red);
    }
}

Abschließend speichern wir das Bild in einer Datei.

imagepng($image, 'candlestick.png');
imagedestroy($image);

An diesem Punkt haben wir das Candlestick-Diagramm erfolgreich gezeichnet. Durch Ausführen des obigen Codes wird im aktuellen Verzeichnis eine Bilddatei mit dem Namen „candlestick.png“ generiert, die die Zeichenergebnisse des Kerzendiagramms enthält.

Zusätzlich zu PHP können wir auch JS verwenden, um Kerzendiagramme für die dynamische Anzeige auf der Webseite zu zeichnen. Unten finden Sie Beispielcode zum Zeichnen eines Candlestick-Diagramms mit HTML, CSS und JavaScript.

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Candlestick Chart</title>
    <style>
        #chart {
            width: 800px;
            height: 400px;
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <div id="chart"></div>
    <script>
        var stocks = [
            {date: '2021/01/01', open: 100, close: 120, high: 130, low: 90},
            {date: '2021/01/02', open: 130, close: 150, high: 160, low: 120},
            // 更多股票数据...
        ];

        var chart = document.getElementById('chart');
        var ctx = chart.getContext('2d');
        var width = chart.width;
        var height = chart.height;

        stocks.forEach(function(stock, index) {
            var x = index * (width / stocks.length);
            var y1 = height - (stock.open - Math.min(stock.low, stock.high)) * (height / (Math.max(stock.high, stock.low) - Math.min(stock.low, stock.high)));
            var y2 = height - (stock.close - Math.min(stock.low, stock.high)) * (height / (Math.max(stock.high, stock.low) - Math.min(stock.low, stock.high)));
            var y3 = height - (stock.low - Math.min(stock.low, stock.high)) * (height / (Math.max(stock.high, stock.low) - Math.min(stock.low, stock.high)));
            var y4 = height - (stock.high - Math.min(stock.low, stock.high)) * (height / (Math.max(stock.high, stock.low) - Math.min(stock.low, stock.high)));

            if (stock.close >= stock.open) {
                ctx.fillStyle = 'green';
                ctx.fillRect(x, y2, 10, y1 - y2);
                ctx.strokeStyle = 'green';
                ctx.beginPath();
                ctx.moveTo(x + 5, y3);
                ctx.lineTo(x + 5, y4);
                ctx.stroke();
            } else {
                ctx.fillStyle = 'red';
                ctx.fillRect(x, y1, 10, y2 - y1);
                ctx.strokeStyle = 'red';
                ctx.beginPath();
                ctx.moveTo(x + 5, y3);
                ctx.lineTo(x + 5, y4);
                ctx.stroke();
            }
        });
    </script>
</body>
</html>

Durch Öffnen des obigen Codes im Browser können wir die Ergebnisse des Kerzendiagramms auf der Webseite sehen.

Zusammenfassend lässt sich sagen, dass die Beherrschung der Schritte zum Zeichnen von Kerzendiagrammen mit PHP und JS für die Aktienanalyse unerlässlich ist. Durch das Erlernen dieser Schritte in Kombination mit spezifischen Codebeispielen können Anleger Bestandsdaten besser verstehen und analysieren und die Genauigkeit und Effektivität der Entscheidungsfindung verbessern.

Das obige ist der detaillierte Inhalt vonWesentliche Tools für die Aktienanalyse: Lernen Sie die Schritte zum Zeichnen von Kerzendiagrammen mit PHP und JS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!