구글 차트 API 시작하기

구글 차트 API 시작하기

구글 차트 API 튜토리얼

1 예시

<script src="//www.google.com/jsapi"></script>
<script>
var data = [
  ['월', '금액'],
  ['1월', 100,000원],
  ['2월', 99,000원],
  ['3월', 900,000원],
  ['4월', 700,000원],
  ['5월', 500,000원],
  ['6월', 200,000원],
];
var options = {
    width: 400, height: 500
};
google.load('visualization', '1.0', {'packages':['corechart']});
google.setOnLoadCallback(function() {
  var chart = new google.visualization.ColumnChart(document.querySelector('#chart_div'));
  chart.draw(google.visualization.arrayToDataTable(data), options);
});
</script>
<div id="chart_div"></div>

2 같이 보기

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

3 참고

• https://google-developers.appspot.com/chart/interactive/docs/gallery/columnchart