Home > Article > Backend Development > Create visual charts and reports using PHP and ECharts

Create visual charts and reports using PHP and ECharts

PHPzOriginal: 2023-05-10 22:21:221520browse

With the advent of the big data era, data visualization has become an important tool for corporate decision-making. Various strange data visualization tools emerge in endlessly, among which ECharts has received widespread attention and application due to its powerful functions and good user experience. As a mainstream server-side language, PHP also provides rich data processing and chart display functions. This article will introduce how to use PHP and ECharts to create visual charts and reports.

Introduction to ECharts

ECharts is an open source visual chart library. It was developed by Baidu’s front-end technology department. The purpose is to provide web developers with a simple and fast way to develop excellent Tools for visualizing charts. It supports the following features:

Multiple chart types: You can draw many types of charts such as line charts, bar charts, scatter charts, pie charts, dashboards, etc.
Interaction: Supports interactive functions such as responsiveness, zooming, dragging, marking, and linkage.
Animation: Supports multiple animation types and custom animations.
Multiple data formats: Supports JSON, XML, CSV and other data formats.

PHP data processing

PHP is a widely used server-side language. It provides numerous data processing and formatted output functions to provide data Visualization provides a good foundation. Here are some commonly used PHP functions:

(1) mysqli_connect() function: Connect to MySQL database

Sample code:

$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() function: Execute MySQL query

Sample code:

$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)json_encode() function: Convert PHP array to JSON format

Sample code:

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

The above functions are only a small part of the data processing functions provided by PHP. According to actual needs, other functions can also be used for data processing.

Create ECharts charts

Before using ECharts, you need to add ECharts related files to the project. You can download the corresponding version from the ECharts official website https://echarts.baidu.com/, or you can use CDN to accelerate the introduction.

After adding the ECharts file, you can create charts in HTML pages. The following is a sample code for a simple bar chart:

<!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>

The above code creates a bar chart with a title, axis labels and legend, which contains 6 data points and corresponding categories.

Create PHP and ECharts reports

A simple report can be created by combining data and charts. The following is a sample code for a bar chart report created by PHP and ECharts:

<!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 this report, $jsonArray is a PHP array containing data, which is converted to JSON format and used as the x-axis and y-axis The data attribute is passed. In real applications, data can be obtained from databases or other data sources.

Summary

This article introduces how to use PHP and ECharts to create visual charts and reports. Through these technologies, we can present data more clearly and intuitively, thereby better serving corporate decision-making. Although ECharts has many complex features and usages, as long as we master the basic usage methods and PHP data processing skills, we can also create beautiful and easy-to-use visual charts and reports.

The above is the detailed content of Create visual charts and reports using PHP and ECharts. For more information, please follow other related articles on the PHP Chinese website!

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：Source code analysis and debugging technology in PHPNext article：Source code analysis and debugging technology in PHP

See more

Create visual charts and reports using PHP and ECharts

Related articles