http://dhlab.aks.ac.kr/~pinocchio/wiki/index.php?action=history&feed=atom&title=GoogleChart 2026-04-04T02:46:33Z 이 문서의 편집 역사 MediaWiki 1.27.1 http://dhlab.aks.ac.kr/~pinocchio/wiki/index.php?title=GoogleChart&diff=356&oldid=prev 2018-02-02T06:15:13Z

<p>새 문서: ==&#039;&#039;&#039;시작하기&#039;&#039;&#039;== ===GoogleChart 라이브러리 불러오기=== &lt;script type=&quot;text/javascript&quot; src=&quot;https://www.gstatic.com/charts/loader.js&quot;&gt;&lt;/script&gt; &lt;script type=&quot;text/java...</p> <p><b>새 문서</b></p><div>=='''시작하기'''==<br /> ===GoogleChart 라이브러리 불러오기===<br /> &lt;script type=&quot;text/javascript&quot; src=&quot;https://www.gstatic.com/charts/loader.js&quot;&gt;&lt;/script&gt;<br /> &lt;script type=&quot;text/javascript&quot;&gt;<br /> <br /> ===불러올 차트 타입 정하기===<br /> google.charts.load('current', {packages: ['corechart']});<br /> *'current'를 통해 가장 최근 버전의 Google chart를 불러올 수 있다. 새로 나올 다음 버전을 불러오고 싶다면 'upcoming'을 입력하면 된다.<br /> *'corechart': 원형 그래프를 불러온다. 입력하기에 따라 다른 얼마든지 많은 형태의 그래프를 불러올 수 있다.<br /> <br /> ===차트를 그리는 function 주기===<br /> google.chart.setOnLoadCallback(drawChart);<br /> *위의 명령어를 통해 차트를 그리는 자바스크립트의 function을 부여한다.<br /> function drawChart(){}<br /> *차트 그리기<br /> <br /> ===데이터를 data 변수에 입력하기===<br /> var data= new google.visualization.DataTable();<br /> data.addColumn('string', 'Topping');<br /> data.addColumn('number', 'Slices')<br /> data.addRows([<br /> ['Mushrooms', 3],<br /> ['Onions', 1],<br /> ['Olives', 1],<br /> ['Zucchini', 1],<br /> ['Pepperoni', 2]<br /> ]);<br /> <br /> ===차트의 속성을 option변수에 입력하기===<br /> var options = {'title': 'How Much Pizza I Ate Last Night',<br /> 'width': 400,<br /> 'height':300};</div>

김현규