자유게시판 글답변

이름필수 비밀번호필수 이메일

홈페이지

제목필수

내용필수

웹에디터 시작

> 
 > 
 > <?php
> $data = array(
> 	array('원소', '밀도'),
> 	array('구리', 8.94),
> 	array('은', 10.49),
> 	array('금', 19.30),
> 	array('백금', 21.45),
> );
> $options = array(
> 	'title' => '귀금속 밀도 (단위: g/cm³)',
> 	'width' => 400, 'height' => 500
> );
> ?>
> <script src="//www.google.com/jsapi"></script>
> <script>
> var data = <?= json_encode($data) ?>;
> var options = <?= json_encode($options) ?>;
> 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>
> 
> -------------------------------------------------------------
> 
> 
> <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
> 	<script type="text/javascript">
> 		google.charts.load('current', {'packages':['bar']});
> 		google.charts.setOnLoadCallback(drawChart);
> 
> 		function drawChart() {
> 			var data = google.visualization.arrayToDataTable([
> 				['Year', 'Sales', 'Expenses', 'Profit'],
> 				['2014', 1000, 400, 200],
> 				['2015', 1170, 460, 250],
> 				['2016', 660, 1120, 300],
> 				['2017', 1030, 540, 350]
> 			]);
> 
> 			var options = {
> 				chart: {
> 					title: 'Company Performance',
> 					subtitle: 'Sales, Expenses, and Profit: 2014-2017',
> 				}
> 			};
> 
> 			var chart = new google.charts.Bar(document.getElementById('columnchart_material'));
> 
> 			chart.draw(data, google.charts.Bar.convertOptions(options));
> 		}
> 	</script>
> 
> 	<div id="columnchart_material" style="width: 100%; height: 500px; text-align:center;"></div>
 > 
 >

웹 에디터 끝

관련링크 (유투브 공유링크를 삽입하시면 글보기 페이지에 유투브 영상이 출력됩니다.)

링크 #1

링크 #2

파일 #1

파일 #2

파일 #3

파일 #4

파일 #5

자동등록방지

자동등록방지 숫자를 순서대로 입력하세요.

취소

자유게시판 글답변

자유게시판 글답변 HOME

자유게시판 글답변