본문 바로가기

iOS Programming

구글 챠트를 이용해 iOS에서 챠트 쉽게 구현하기

iOS SDK 에 없는 것 중 하나가 챠트입니다.

저도 요즘 간단히 만들고 있는 어플들에 챠트를 넣고 싶은데....
직접 만들어 버릴까 생각하다가 시간이 만만치 않게 걸릴거 같아서 이리저리 찾아 보던 중
구글 차트라는게 있더군요.

항상 온라인에 연결되어 있어야 한다는 것과 구글 서비스의 무결성과 네트워크 상태의 무결성을
담보로 해야 한다는 단점이 있지만...
아쉬운대로 무료 어플에 간단히 적용할 수 있는 꽤 괜찮은 방법 같습니다.

방법은 간단합니다.
챠트를 보여주고자 하는 데이터를 url로 구성해서 호출 해주기만 하면
구글에서 해당 챠트를 이미지로 만들어 되돌려 줍니다.

브라우저 주소창에서 
http://chart.apis.google.com/chart?cht=p3&chd=t:60,25,15&chs=300x120&chl=iPhone|Android|BlackBerry
라고 쳐보면 아래의 이미지가 보여집니다.




자세한 내용은
http://code.google.com/intl/ko-KR/apis/chart/
이곳에서 확인하시고요
챠트 종류도 여러가지이고 색상과 모양, 범례등 다양하게 꾸밀 수 있습니다.


이 구글 챠트르 iOS 에서 활용하는 방법을 간단히 소개해드리겠습니다.


NSString *query = [[NSString stringWithFormat:@"http://chart.apis.google.com/chart?cht=p3&chd=t:60,25,15&chs=300x120&chl=아이폰|안드로이드|블랙베리"] stringByAddingPercentEscapesUsingEncoding:NSUTF8StringEncoding];
        NSURL *url = [NSURL URLWithString:query];
        NSError *error;
        NSURLResponse *response; 
NSMutableURLRequest *urlRequest = [NSMutableURLRequest requestWithURL:url];
NSData *res = [NSURLConnection sendSynchronousRequest:urlRequest returningResponse:&response error:&error];

chart2.image = [UIImage imageWithData:res];    // UIImageView 에  지정


여기까지입니다.