"구글차트 PHP 연동"의 두 판 사이의 차이

잔글 (PSR 규칙에 맞게 서식수정)
(var -> let)
 
22번째 줄: 22번째 줄:
<script src="//www.google.com/jsapi"></script>
<script src="//www.google.com/jsapi"></script>
<script>
<script>
var data = <?= json_encode($data) ?>;
    let data = <?= json_encode($data) ?>;
var options = <?= json_encode($options) ?>;
    let options = <?= json_encode($options) ?>;
google.load('visualization', '1.0', {'packages':['corechart']});
    google.load('visualization', '1.0', {'packages':['corechart']});
google.setOnLoadCallback(function() {
    google.setOnLoadCallback(function() {
  var chart = new google.visualization.ColumnChart(document.querySelector('#chart_div'));
        let chart = new google.visualization.ColumnChart(document.querySelector('#chart_div'));
  chart.draw(google.visualization.arrayToDataTable(data), options);
        chart.draw(google.visualization.arrayToDataTable(data), options);
});
    });
</script>
</script>
<div id="chart_div"></div>
<div id="chart_div"></div>

2022년 4월 2일 (토) 09:32 기준 최신판

1 개요[ | ]

구글차트 PHP 연동
구글 차트 API - PHP 연동

2 예시[ | ]

<?php
$data = [
    ['원소', '밀도'],
    ['구리', 8.94],
    ['은', 10.49],
    ['금', 19.30],
    ['백금', 21.45],
];
$options = [
    'title' => '귀금속 밀도 (단위: g/cm³)',
    'width' => 400, 'height' => 500
];
?>
<script src="//www.google.com/jsapi"></script>
<script>
    let data = <?= json_encode($data) ?>;
    let options = <?= json_encode($options) ?>;
    google.load('visualization', '1.0', {'packages':['corechart']});
    google.setOnLoadCallback(function() {
        let chart = new google.visualization.ColumnChart(document.querySelector('#chart_div'));
        chart.draw(google.visualization.arrayToDataTable(data), options);
    });
</script>
<div id="chart_div"></div>
→ 예제: http://example.zetawiki.com/gchart/first-php.php

3 같이 보기[ | ]

문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}