Heim > Artikel > Backend-Entwicklung > PHP und JS Praktischer Kampf: Tutorial zum Zeichnen von Aktienkerzendiagrammen

PHP und JS Praktischer Kampf: Tutorial zum Zeichnen von Aktienkerzendiagrammen

王林Original: 2023-12-17 11:21:46654Durchsuche

Die Visualisierung von Aktienhandelsdaten war schon immer eine der wichtigsten Aufgaben im Finanzbereich. Candlestick-Diagramme gehören zu den am häufigsten verwendeten Trendanalysediagrammen für den Aktienhandel. In diesem Tutorial wird erklärt, wie man mit PHP und JS Aktienkerzen zeichnet, und es werden spezifische Codebeispiele bereitgestellt.

1. Vorbereitung
Zuerst müssen wir einige Aktientransaktionsdaten vorbereiten, einschließlich Datum, Eröffnungspreis, Höchstpreis, Tiefstpreis und Schlusskurs. Die Daten können aus einer CSV-Datei oder einer Datenbank stammen. Dabei gehen wir davon aus, dass die Daten in der Datenbank gespeichert wurden.

2. Kerzendiagramme zeichnen

PHP-Codeteil
Zuerst müssen wir die Aktientransaktionsdaten aus der Datenbank abrufen und die Daten verarbeiten. Der spezifische Code lautet wie folgt:

<?php
// 连接数据库
$connect = mysqli_connect("localhost", "username", "password", "database");

// 获取股票交易数据
$query = "SELECT * FROM stock_data";
$result = mysqli_query($connect, $query);

// 定义数组来存储数据
$data = array();

// 处理数据
while($row = mysqli_fetch_assoc($result)) {
    $data[] = array(
        "date" => $row["date"],
        "open" => $row["open"],
        "high" => $row["high"],
        "low" => $row["low"],
        "close" => $row["close"]
    );
}

// 关闭数据库连接
mysqli_close($connect);
?>

Im Code verwenden wir die MySQLi-Funktion, um eine Verbindung zur Datenbank herzustellen und die Abfrageanweisung auszuführen, um Daten abzurufen. Dann definieren wir ein Array $data zum Speichern von Daten und verwenden eine While-Schleife, um die Daten im Array zu speichern.

JS-Codeteil
Als nächstes verwenden wir JavaScript, um das Kerzendiagramm zu zeichnen. Der spezifische Code lautet wie folgt:

<!DOCTYPE html>
<html>
<head>
    <title>Stock Candlestick Chart</title>
    <script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
</head>
<body>
    <div id="chart"></div>

    <script>
        var options = {
            series: [{
                data: [
                    <?php
                    foreach($data as $row) {
                        echo "{ x: new Date('" . $row["date"] . "'), y: [" . $row["open"] . ", " . $row["high"] . ", " . $row["low"] . ", " . $row["close"] . "] },";
                    }
                    ?>
                ]
            }],
            chart: {
                type: 'candlestick',
                height: 350
            },
            title: {
                text: 'Stock Candlestick Chart'
            },
            xaxis: {
                type: 'datetime'
            },
            yaxis: {
                tooltip: {
                    enabled: true
                }
            }
        };

        var chart = new ApexCharts(document.querySelector("#chart"), options);
        chart.render();
    </script>
</body>
</html>

Im Code verwenden wir die ApexCharts-Bibliothek, um Kerzendiagramme zu zeichnen. In Optionen übergeben wir die Aktientransaktionsdaten an das Datenattribut der Serie und verwenden eine foreach-Schleife, um JS-Code zu generieren. Verwenden Sie Datumsdaten auf der X-Achse und Aktientransaktionsdaten auf der Y-Achse. Zu den weiteren Konfigurationselementen gehören Diagrammtyp, Titel sowie Einstellungen für die x- und y-Achse.

3. Anwendungsbeispiel
Speichern Sie den obigen PHP-Code als „index.php“, greifen Sie über den Browser auf die Datei zu und Sie können die Zeichnungsergebnisse des Aktienkerzendiagramms anzeigen.

4. Zusammenfassung
Dieses Tutorial führt in die Verwendung von PHP und JS zum Zeichnen von Aktienkerzendiagrammen ein und bietet spezifische Codebeispiele. Aktienkerzendiagramme können uns dabei helfen, Aktienhandelstrends intuitiver zu verstehen und entsprechende Analysen und Entscheidungen zu treffen. Durch das Erlernen und Beherrschen dieses Tutorials können wir die PHP- und JS-Technologie besser anwenden, um die visuelle Anzeige von Bestandsdaten zu realisieren.

Das obige ist der detaillierte Inhalt vonPHP und JS Praktischer Kampf: Tutorial zum Zeichnen von Aktienkerzendiagrammen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

php JavaScript while foreach mysqli 循环 JS 数据库

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Verwendung von ECharts und PHP-Schnittstellen zur Implementierung der Datenanalyse und Vorhersage statistischer DiagrammeNächster Artikel：Verwendung von ECharts und PHP-Schnittstellen zur Implementierung der Datenanalyse und Vorhersage statistischer Diagramme

In Verbindung stehende Artikel

Mehr sehen