위키
포럼
도구
바뀐글
랜덤

"구글 차트 API 시작하기"의 두 판 사이의 차이

 
(같은 사용자의 중간 판 하나는 보이지 않습니다)
6번째 줄: 6번째 줄:
<div id="chart_div"></div>
<div id="chart_div"></div>


<script src="//www.google.com/jsapi"></script>
<script src="https://www.gstatic.com/charts/loader.js"></script>
<script>
<script>
var data = [
const data = [
   ['원소', '밀도'],
   ['원소', '밀도'],
   ['구리', 8.94],
   ['구리', 8.94],
15번째 줄: 15번째 줄:
   ['백금', 21.45],
   ['백금', 21.45],
];
];
var options = {
const options = {
   title: '귀금속 밀도 (단위: g/cm³)',
   title: '귀금속 밀도 (단위: g/cm³)',
   width: 400, height: 500
   width: 400, height: 500

2021년 4월 14일 (수) 16:05 기준 최신판

구글 차트 API 시작하기
구글 차트 API 튜토리얼

1 예시[ | ]

<div id="chart_div"></div>

<script src="https://www.gstatic.com/charts/loader.js"></script>
<script>
const data = [
  ['원소', '밀도'],
  ['구리', 8.94],
  ['은', 10.49],
  ['금', 19.30],
  ['백금', 21.45],
];
const 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>

2 같이 보기[ | ]

3 참고[ | ]

원본 주소 "https://zetawiki.com/w/index.php?title=구글_차트_API_시작하기&oldid=737726"
문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}