그누보드5에 구글차트 넣기 > 그누보드5 팁자료실

그누보드5 팁자료실

그누보드5에 구글차트 넣기 정보

그누보드5에 구글차트 넣기

첨부파일

첨부파일 챠트.png (74.5K) 3회 다운로드 2018-09-21 04:17:09
첨부파일 구글차트.zip (925byte) 10회 다운로드 2018-09-21 04:17:09

본문

그누보드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

댓글 전체

전체 1,225 |RSS
그누보드5 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 (06253) 서울특별시 강남구 도곡로1길 14, 6층 624호 (역삼동, 삼일프라자) 대표메일:admin@sir.kr
사업자등록번호:217-81-36347 대표:홍석명 통신판매업신고번호:2014-서울강남-02098호 개인정보보호책임자:이총

© SIRSOFT