차트 시각화 표시를 실현하기 위한 PHP와 Highcharts의 통합

데이터 시대가 도래하면서 데이터 시각화는 많은 기업과 개발자들의 화두가 되었습니다. 많은 개발자에게 데이터 시각화 구현은 쉬운 작업이 아닙니다. 그러나 PHP와 Highcharts를 통합하면 차트 시각화가 매우 쉬워집니다.

PHP는 웹 개발 분야에서 널리 사용되는 인기 있는 프로그래밍 언어입니다. Highcharts는 컬럼 차트, 라인 차트, 파이 차트 등 다양한 유형의 차트를 쉽게 만들 수 있는 JavaScript로 작성된 차트 라이브러리입니다.

다음으로 PHP와 Highcharts를 통합하여 차트 시각화를 구현하는 방법을 소개하겠습니다.

1단계: Highcharts 다운로드

먼저 Highcharts 라이브러리를 다운로드해야 합니다. 공식 웹사이트에서는 두 가지 버전을 제공합니다. 하나는 오픈 소스 버전이고 다른 하나는 상용 인증 버전입니다. 상용 라이선스 버전이 필요한 경우 해당 라이선스를 구매하시기 바랍니다.

다운로드가 완료되면 웹 서버의 폴더에 Highcharts의 압축을 풀고 폴더에 적절한 권한이 있는지 확인하세요.

2단계: 데이터 준비

차트 만들기를 시작하기 전에 데이터를 준비해야 합니다. 데이터는 데이터베이스, CSV 파일 등과 같은 모든 데이터 소스에서 가져올 수 있습니다.

이 문서의 예에서는 PHP 배열을 데이터 소스로 사용합니다. 다음은 우리가 사용할 배열입니다:

$data = array(

array('name' => 'Firefox', 'y' => 45.0),
array('name' => 'IE', 'y' => 26.8),
array('name' => 'Chrome', 'y' => 12.8),
array('name' => 'Safari', 'y' => 8.5),
array('name' => 'Opera', 'y' => 6.2),
array('name' => 'Others', 'y' => 0.7)

);

3단계: HTML 페이지 생성

이제 HTML 페이지를 생성하고 Highcharts의 라이브러리 파일을 통합하여 JavaScript가 필요한 차트를 생성하겠습니다. 암호. 다음은 예제의 HTML 코드입니다.

<title>Highcharts Integration with PHP</title>
<script src="highcharts/highcharts.js"></script>
<script src="highcharts/modules/exporting.js"></script>

<div id="container" style="width: 100%; height: 400px;"></div>
<script type="text/javascript">
    var data = <?php echo json_encode($data); ?>;
    Highcharts.chart('container', {
        chart: {
            plotBackgroundColor: null,
            plotBorderWidth: null,
            plotShadow: false,
            type: 'pie'
        },
        title: {
            text: 'Browser market share, January, 2018 to May, 2018'
        },
        tooltip: {
            pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
        },
        plotOptions: {
            pie: {
                allowPointSelect: true,
                cursor: 'pointer',
                dataLabels: {
                    enabled: true,
                    format: '<b>{point.name}</b>: {point.percentage:.1f} %',
                    style: {
                        color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black'
                    }
                }
            }
        },
        series: [{
            name: 'Brands',
            colorByPoint: true,
            data: data
        }]
    });
</script>

< ;/ html>

이 예에서는 데이터를 JavaScript 변수에 할당한 다음 Highcharts.chart() 함수를 사용하여 차트를 만듭니다.

위 코드에서는 제목, 색상, 마우스오버 프롬프트 등과 같은 몇 가지 추가 매개변수도 정의했습니다.

특정 매개변수는 필요에 따라 변경될 수 있습니다.

4단계: 코드 실행

이제 PHP와 Highcharts를 통합하고 차트를 만들어 데이터를 표시할 준비가 되었습니다. HTML 코드를 .php 파일로 저장하고 해당 파일을 서버에 업로드합니다.

이제 브라우저에서 파일을 열고 차트로 표시된 데이터를 볼 수 있습니다!

요약

PHP와 Highcharts의 통합으로 JavaScript 개발에 능숙하지 않아도 데이터를 쉽게 시각화할 수 있습니다. 이 통합은 시작하기 쉽지만 다양한 차트 유형을 생성할 수 있을 만큼 유연합니다.

실제 응용 프로그램에서는 모든 데이터 소스에서 데이터를 가져와 차트 형식으로 표시하도록 선택하여 데이터를 보다 명확하게 이해하고 분석할 수 있습니다.

위 내용은 차트 시각화 표시를 실현하기 위한 PHP와 Highcharts의 통합의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!