>  기사  >  백엔드 개발  >  PHP 및 ECharts를 사용하여 시각적 차트 및 보고서 만들기

PHP 및 ECharts를 사용하여 시각적 차트 및 보고서 만들기

PHPz
PHPz원래의
2023-05-10 22:21:221520검색

빅데이터 시대가 도래하면서 데이터 시각화는 기업의 의사결정에 중요한 도구가 되었습니다. 다양하고 이상한 데이터 시각화 도구가 끝없이 등장하고 있으며, 그 중 ECharts는 강력한 기능과 좋은 사용자 경험으로 인해 광범위한 관심과 응용을 받았습니다. 주류 서버측 언어인 PHP는 풍부한 데이터 처리 및 차트 표시 기능도 제공합니다. 이 기사에서는 PHP와 ECharts를 사용하여 시각적 차트와 보고서를 만드는 방법을 소개합니다.

  1. ECharts 소개

ECharts는 Baidu의 프런트엔드 기술 부서에서 개발한 오픈 소스 시각적 차트 라이브러리로, 웹 개발자에게 우수한 시각적 차트를 쉽고 빠르게 개발할 수 있는 도구를 제공하는 것을 목표로 합니다. 다음 기능을 지원합니다.

  • 다양한 차트 유형: 꺾은선형 차트, 막대형 차트, 분산형 차트, 원형 차트, 대시보드 등 다양한 유형의 차트를 그릴 수 있습니다.
  • 상호작용: 반응성, 확대/축소, 드래그, 마킹, 연결 등의 상호작용 기능을 지원합니다.
  • 애니메이션: 다양한 애니메이션 유형과 사용자 정의 애니메이션을 지원합니다.
  • 다양한 데이터 형식: JSON, XML, CSV 등과 같은 다양한 데이터 형식을 지원합니다.
  1. PHP 데이터 처리

PHP는 널리 사용되는 서버 측 언어로 데이터 처리 및 형식화된 출력을 위한 다양한 기능을 제공하여 데이터 시각화를 위한 좋은 기반을 제공합니다. 다음은 일반적으로 사용되는 몇 가지 PHP 함수입니다.

(1) mysqli_connect() 함수: MySQL 데이터베이스에 연결

샘플 코드:

$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() 함수: MySQL 쿼리 실행

샘플 코드:

$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() 함수: PHP 배열을 JSON 형식으로 변환

샘플 코드:

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

위 함수는 PHP에서 제공하는 데이터 처리 함수의 일부일 뿐이며 실제 필요에 따라 다른 함수도 사용할 수 있습니다. 데이터 처리를 위해.

  1. ECharts 차트 만들기

ECharts를 사용하기 전에 ECharts 관련 파일을 프로젝트에 추가해야 합니다. ECharts 공식 웹사이트 https://echarts.baidu.com/에서 해당 버전을 다운로드하거나 CDN을 사용하여 도입을 가속화할 수 있습니다.

ECharts 파일을 추가한 후 HTML 페이지에서 차트를 만들 수 있습니다. 다음은 간단한 막대 차트의 예제 코드입니다.

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

위 코드는 제목, 축 레이블 및 범례가 있는 막대 차트를 생성하며, 여기에는 6개의 데이터 포인트와 해당 범주가 포함됩니다.

  1. PHP 및 ECharts 보고서 만들기

데이터와 차트를 결합하여 간단한 보고서를 만듭니다. 다음은 PHP 및 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>

이 보고서에서 $jsonArray는 JSON 형식으로 변환되어 x축의 데이터 속성으로 사용되는 데이터가 포함된 PHP 배열입니다. 및 y축 이동. 실제 애플리케이션에서는 데이터베이스나 기타 데이터 소스에서 데이터를 얻을 수 있습니다.

  1. 요약

이 글에서는 PHP와 ECharts를 사용하여 시각적 차트와 보고서를 만드는 방법을 소개합니다. 이러한 기술을 통해 우리는 데이터를 보다 명확하고 직관적으로 제시할 수 있으며, 이를 통해 기업의 의사결정에 더 나은 서비스를 제공할 수 있습니다. ECharts에는 복잡한 기능과 사용법이 많이 있지만 기본 사용법과 PHP 데이터 처리 기술을 익히면 아름답고 사용하기 쉬운 시각적 차트와 보고서를 만들 수도 있습니다.

위 내용은 PHP 및 ECharts를 사용하여 시각적 차트 및 보고서 만들기의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.