구글 차트 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/cm³)',
  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