PHP 및 ECharts를 사용하여 시각적 차트 및 보고서 만들기
- PHPz원래의
- 2023-05-10 22:21:221452검색
빅데이터 시대가 도래하면서 데이터 시각화는 기업의 의사결정에 중요한 도구가 되었습니다. 다양하고 이상한 데이터 시각화 도구가 끝없이 등장하고 있으며, 그 중 ECharts는 강력한 기능과 좋은 사용자 경험으로 인해 광범위한 관심과 응용을 받았습니다. 주류 서버측 언어인 PHP는 풍부한 데이터 처리 및 차트 표시 기능도 제공합니다. 이 기사에서는 PHP와 ECharts를 사용하여 시각적 차트와 보고서를 만드는 방법을 소개합니다.
- ECharts 소개
ECharts는 Baidu의 프런트엔드 기술 부서에서 개발한 오픈 소스 시각적 차트 라이브러리로, 웹 개발자에게 우수한 시각적 차트를 쉽고 빠르게 개발할 수 있는 도구를 제공하는 것을 목표로 합니다. 다음 기능을 지원합니다.
- 다양한 차트 유형: 꺾은선형 차트, 막대형 차트, 분산형 차트, 원형 차트, 대시보드 등 다양한 유형의 차트를 그릴 수 있습니다.
- 상호작용: 반응성, 확대/축소, 드래그, 마킹, 연결 등의 상호작용 기능을 지원합니다.
- 애니메이션: 다양한 애니메이션 유형과 사용자 정의 애니메이션을 지원합니다.
- 다양한 데이터 형식: JSON, XML, CSV 등과 같은 다양한 데이터 형식을 지원합니다.
- 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에서 제공하는 데이터 처리 함수의 일부일 뿐이며 실제 필요에 따라 다른 함수도 사용할 수 있습니다. 데이터 처리를 위해.
- 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개의 데이터 포인트와 해당 범주가 포함됩니다.
- 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축 이동. 실제 애플리케이션에서는 데이터베이스나 기타 데이터 소스에서 데이터를 얻을 수 있습니다.
- 요약
이 글에서는 PHP와 ECharts를 사용하여 시각적 차트와 보고서를 만드는 방법을 소개합니다. 이러한 기술을 통해 우리는 데이터를 보다 명확하고 직관적으로 제시할 수 있으며, 이를 통해 기업의 의사결정에 더 나은 서비스를 제공할 수 있습니다. ECharts에는 복잡한 기능과 사용법이 많이 있지만 기본 사용법과 PHP 데이터 처리 기술을 익히면 아름답고 사용하기 쉬운 시각적 차트와 보고서를 만들 수도 있습니다.
위 내용은 PHP 및 ECharts를 사용하여 시각적 차트 및 보고서 만들기의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!