suchen

Heim  >  Artikel  >  Backend-Entwicklung  >  Erstellen Sie visuelle Diagramme und Berichte mit PHP und ECharts

Erstellen Sie visuelle Diagramme und Berichte mit PHP und ECharts

PHPz
PHPzOriginal
2023-05-10 22:21:221531Durchsuche

Mit dem Aufkommen des Big-Data-Zeitalters ist die Datenvisualisierung zu einem wichtigen Instrument für Unternehmensentscheidungen geworden. Es tauchen immer wieder verschiedene seltsame Datenvisualisierungstools auf, unter denen ECharts aufgrund seiner leistungsstarken Funktionen und guten Benutzererfahrung große Aufmerksamkeit und Anwendung gefunden hat. Als gängige serverseitige Sprache bietet PHP außerdem umfangreiche Datenverarbeitungs- und Diagrammanzeigefunktionen. In diesem Artikel wird erläutert, wie Sie mit PHP und ECharts visuelle Diagramme und Berichte erstellen.

  1. Einführung in ECharts

ECharts ist eine Open-Source-Bibliothek für visuelle Diagramme, die von der Front-End-Technologieabteilung von Baidu entwickelt wurde. Ziel ist es, Webentwicklern ein Tool zur Verfügung zu stellen, mit dem sie einfach und schnell hervorragende visuelle Diagramme entwickeln können. Es unterstützt die folgenden Funktionen:

  • Mehrere Diagrammtypen: Sie können viele Diagrammtypen zeichnen, z. B. Liniendiagramme, Balkendiagramme, Streudiagramme, Kreisdiagramme, Dashboards usw.
  • Interaktion: Unterstützt interaktive Funktionen wie Reaktionsfähigkeit, Zoomen, Ziehen, Markieren und Verknüpfen.
  • Animation: Unterstützt mehrere Animationstypen und benutzerdefinierte Animationen.
  • Mehrere Datenformate: Unterstützt JSON, XML, CSV und andere Datenformate.
  1. PHP-Datenverarbeitung

PHP ist eine weit verbreitete serverseitige Sprache. Sie bietet zahlreiche Funktionen für die Datenverarbeitung und formatierte Ausgabe und bietet eine gute Grundlage für die Datenvisualisierung. Hier sind einige häufig verwendete PHP-Funktionen:

(1) mysqli_connect()-Funktion: Verbindung zur MySQL-Datenbank herstellen

Beispielcode: 

$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "myDB";
// 创建连接
$conn = mysqli_connect($servername, $username, $password, $dbname);
// 检测连接
if (!$conn) {
    die("Connection failed: " . mysqli_connect_error());
}

(2) mysqli_query()-Funktion: MySQL-Abfrage ausführen

Beispielcode: 

$sql = "SELECT id, name, age FROM myTable";
$result = mysqli_query($conn, $sql);
if (mysqli_num_rows($result) > 0) {
    // 输出数据
    while($row = mysqli_fetch_assoc($result)) {
        echo "id: " . $row["id"]. " - Name: " . $row["name"]. " - Age: " . $row["age"]. "<br>";
    }
} else {
    echo "0 结果";
}

(3) Funktion json_encode(): PHP-Array in JSON-Format konvertieren

Beispielcode: 

$data = array('name'=>'John', 'age'=>30, 'city'=>'New York');
echo json_encode($data);

Die oben genannten Funktionen sind nur ein kleiner Teil der von PHP bereitgestellten Datenverarbeitungsfunktionen. Je nach tatsächlichem Bedarf können auch andere Funktionen verwendet werden zur Datenverarbeitung.

  1. Erstellen Sie ECharts-Diagramme

Bevor Sie ECharts verwenden, müssen Sie ECharts-bezogene Dateien zum Projekt hinzufügen. Sie können die entsprechende Version von der offiziellen ECharts-Website https://echarts.baidu.com/ herunterladen oder CDN verwenden, um die Einführung zu beschleunigen.

Nachdem Sie die ECharts-Datei hinzugefügt haben, können Sie Diagramme in HTML-Seiten erstellen. Das Folgende ist ein Beispielcode für ein einfaches Balkendiagramm: 

<!DOCTYPE html>
<html>
<head>
    <title>柱状图</title>
    <meta charset="utf-8">
    <script src="https://cdn.bootcdn.net/ajax/libs/echarts/4.8.0/echarts.min.js"></script>
</head>
<body>
    <div id="main" style="width: 600px;height:400px;"></div>
    <script>
        var myChart = echarts.init(document.getElementById('main'));
        var option = {
            title: {
                text: '柱状图'
            },
            tooltip: {},
            legend: {
                data:['销量']
            },
            xAxis: {
                data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
            },
            yAxis: {},
            series: [{
                name: '销量',
                type: 'bar',
                data: [5, 20, 36, 10, 10, 20]
            }]
        };
        myChart.setOption(option);
    </script>
</body>
</html>

Der obige Code erstellt ein Balkendiagramm mit Titel, Achsenbeschriftungen und Legende, das 6 Datenpunkte und entsprechende Kategorien enthält.

  1. Erstellen Sie PHP- und ECharts-Berichte

Erstellen Sie einen einfachen Bericht, indem Sie Daten und Diagramme kombinieren. Das Folgende ist ein Beispielcode für einen von PHP und ECharts erstellten Balkendiagrammbericht: 

<!DOCTYPE html>
<html>
<head>
    <title>PHP+ECharts报表</title>
    <meta charset="utf-8">
    <script src="https://cdn.bootcdn.net/ajax/libs/echarts/4.8.0/echarts.min.js"></script>
</head>
<body>
    <div id="main" style="width: 600px;height:400px;"></div>
    <script>
        var myChart = echarts.init(document.getElementById('main'));
        var option = {
            title: {
                text: '销售统计'
            },
            tooltip: {},
            legend: {
                data:['销量']
            },
            xAxis: {
                data: <?php echo $jsonArray; ?>
            },
            yAxis: {
                type: 'value'
            },
            series: [{
                name: '销量',
                type: 'bar',
                data: <?php echo $jsonArray; ?>
            }]
        };
        myChart.setOption(option);
    </script>
</body>
</html>

In diesem Bericht ist $jsonArray ein PHP-Array mit Daten, die in das JSON-Format konvertiert und als Datenattribut der x-Achse verwendet werden und Y-Achsen-Transfer. In realen Anwendungen können Daten aus Datenbanken oder anderen Datenquellen bezogen werden.

  1. Zusammenfassung

Dieser Artikel stellt vor, wie man visuelle Diagramme und Berichte mit PHP und ECharts erstellt. Durch diese Technologien können wir Daten klarer und intuitiver darstellen und so die Entscheidungsfindung von Unternehmen besser unterstützen. Obwohl ECharts über viele komplexe Funktionen und Verwendungsmöglichkeiten verfügt, können wir, sofern wir die grundlegenden Nutzungs- und PHP-Datenverarbeitungsfähigkeiten beherrschen, auch schöne und benutzerfreundliche visuelle Diagramme und Berichte erstellen.

Das obige ist der detaillierte Inhalt vonErstellen Sie visuelle Diagramme und Berichte mit PHP und ECharts. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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：Quellcode-Analyse und Debugging-Technologie in PHPNächster Artikel：Quellcode-Analyse und Debugging-Technologie in PHP

In Verbindung stehende Artikel

Mehr sehen