위키
포럼
도구
바뀐글
랜덤

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

잔글 (116.120.118.180(토론)의 편집을 121.163.121.6의 마지막 판으로 되돌림)
 
(사용자 6명의 중간 판 15개는 보이지 않습니다)
3번째 줄: 3번째 줄:


==예시==
==예시==
<source lang='html5'>
<syntaxhighlight lang='html5' run outheight='550'>
<script src="//www.google.com/jsapi"></script>
<div id="chart_div"></div>
 
<script src="https://www.gstatic.com/charts/loader.js"></script>
<script>
<script>
var data = [
const data = [
   ['원소', '점수'],
   ['원소', '밀도'],
   ['평균', 8.94],
   ['구리', 8.94],
   ['나의점수', 10.49],
   ['은', 10.49],
  ['금', 19.30],
  ['백금', 21.45],
];
];
var options = {
const options = {
   title: '레벨테스트 4 점수 (단위: 점)',
   title: '귀금속 밀도 (단위: g/cm³)',
   width: 400, height: 500
   width: 400, height: 500
};
};
21번째 줄: 25번째 줄:
});
});
</script>
</script>
<div id="chart_div"></div>
</syntaxhighlight>
</source>
<jsfiddle height='530'>mfn58g3j</jsfiddle>


==같이 보기==
==같이 보기==

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 }}