구글 차트 API 시작하기

구글 차트 API 시작하기

구글 차트 API 튜토리얼

1 예시

<script src="//www.google.com/jsapi"></script>
<script>
var data = [
  ['원소', '밀도'],
  ['구리', 8.94],
  ['은', 10.49],
  ['금', 19.30],
  ['백금', 21.45],
];
var options = {
  title: '귀금속 밀도 (g/㎤)',
  width: 400,
  height: 500
};
google.load('visualization', '1.0', { 'packages': ['corechart'], callback: drawStuff });
function drawStuff() {
    var chart = new google.visualization.ColumnChart(document.querySelector('#chart_div'));
    chart.draw(google.visualization.arrayToDataTable(data), options);
}
</script>
<div id="chart_div" style="width: 900px; height: 500px;"></div>

→ 예제: http://jmnote.com/gchart/first.php

2 같이 보기

• 구글 차트 API

3 참고 자료

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