에디터 컴포넌트로 google의 open api를 이용하여 pie chart를 에디터 컴포넌트로 만들 것입니다.

구현할 내용은 사용자가 글작성시 에디터에서 그래프의 넓이와 높이 그리고 항목의 라벨과 값을 입력하면 chart open api 로 이미지 경로를 만들어 에디터에 삽입하는 기능입니다. 또 이미 생성된 그래프를 에디터에서 더블 클릭시 입력내용을 수정할 수 있는 컴포넌트 입니다.

google chart api의 샘플입니다.

http://chart.apis.google.com/chart?cht=p3&chd=t:60,40&chs=250x100&chl=Hello|WorldEnter

cht : 차트모양 (p3: 3D 파이차트)
chd : 항목 값
chs : 차트 크기
chl : 항목 라벨(3D 그래프는 너비가 높이의 약 두 배반이어야 합니다.)