<script type="text/javascript";>
GChart.render({
	renderTo: document.body,
	data: [[5,60,10,30],[50,34,28,15]],
	title: 'Solutoire.com GChart Example',
	colors: ['45330F','ACD100'],
	grid: '20,20'
});
</script>

Solutoire.com에서 공개한 예제입니다.

(0) (0)

http://www.solutoire.com 를 운영하는 b.wenneker는
Google Chart API가 나오자마자 이것을 래핑한 GCHART 라는 자바스크립트 래퍼 클래스를 공개 하였습니다.
( GWIT을 사용한 GChart는 다른것입니다. 일부러 대소문자가 구분된것인지 모르겠지만 알파인만큼 가볍게 이름을 지었나보네요. )

빨리 공개한 만큼 전체가 180여줄 밖에 안되고
모든 기능을 래핑하지는 못했지만 이미 누군가 작업을 했다는게 중요하죠

Chart.render({
 renderTo: 'div-target',  // Target element to append the image to.
 data: [[1,10,3],[14,20,213]],  // Two datasets.
 encoding: 't',   // Use the text encoding.
 title: 'Foo',   // Set the title of the chart.
 type: 'lc'   // Specify the type.
 axistype: 'x,y'   // Specify the axis type.
 size: '300x200'   // Specify the size of the chart.
});

solutoire.com 에서 공개한 예제입니다.

훨씬 깔끔하지요?

http://www.solutoire.com/download/gchart.js 에서
GCHART 0.1 Alpha 버전을 다운 받으실 수 있습니다.

(0) (0)