그누보드5에 구글차트 넣기
링크
http://vignette.kr/google_charts.php (444) https://www.w3schools.com/howto/howto_google_charts.asp (16852)그누보드5에 구글챠트를 이용해서 간단한 그래프를 넣는 방법입니다.
index.php에서 최신글 부분을 삭제하고 구글챠트 코드를 넣은 것입니다.
타이틀, 세부통계목이나 width, height는 적당히 조절하시면 됩니다.
<?php
include_once('./_common.php');
define('_INDEX_', true);
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
if(defined('G5_THEME_PATH')) {
require_once(G5_THEME_PATH.'/index.php');
return;
}
if (G5_IS_MOBILE) {
include_once(G5_MOBILE_PATH.'/index.php');
return;
}
include_once(G5_PATH.'/head.php');
?>
<h1 id="chart" style="font-style:italic;">그누보드5에 Google Charts 사용하기</h1>
<br>
<div id="piechart"></div>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
// Load google charts
google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);
// Draw the chart and set the chart values
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Task', '전체통계 '],
['10권이상', 2],
['3권이내', 2],
['구입않음', 6],
]);
// Optional; add a title and set the width and height of the chart
var options = {'title':'시집구입통계 ', 'width':875, 'height':600};
// Display the chart inside the <div> element with id="piechart"
var chart = new google.visualization.PieChart(document.getElementById('piechart'));
chart.draw(data, options);
}
</script>
<?php
include_once(G5_PATH.'/tail.php');
?>
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기
댓글 5개
제가 소개하는 자료도 사용해보세요.
https://www.chartjs.org/