|
Category :
jQuery
,
Mobile
Comments :
댓글쓰기
Posted by
장창학
at
7:13 PM
몇년전에 Flex를 처음 접했을때 제일 놀란것중 하나는 동적인 차트생성기능이였습니다. 물론 Adobe ColdFusion도 CFML을 이용해서 Flash기반의 차트를 생성할 수 있습니다.(참조 : http://www.nooree.com/blog/post.cfm/coldfusion-ria Sample2 참조) 하지만, ColdFusion이던, Flex던 Flash기반의 차트는 모두 Iphone과 Ipod에서는 볼 수 없다는 것이 문제입니다. 바로 Iphone(Ipod)에서 Flash를 지원하지 않기 때문인데요. 이런 경우 순수한 Javascript로 차트를 만들면 됩니다.
개인적으로 순수 Javascript가 영역을 확대하고 있는것에 대해 고무적인 일로 봅니다. 모바일기기가 아무리 스펙이 좋아져도 결국 Adobe, Sun, Microsoft가 내놓는 플러그인들이 들어가기 시작한다면 Apple의 잡스의 말대로 모바일기기에서의 사용자 경험은 오히려 불쾌할 것이 사실이니까요.(어디까지나 주관적인 생각입니다.)
Highcharts(http://www.highcharts.com/)는 무료로 쓸 수 있는 chart입니다. 하지만 비상용 웹사이트에서만 무료입니다. 물론 jQuery나 Mootools를 이용하기 때문에 둘중 하나가 이미 설치된 경우(설치라고 해봐야 js파일 딸랑 하나 업로드하는 게 다지만..)바로 쓸 수 있습니다. Demo는 http://www.highcharts.com/demo/ 에서 볼 수 있습니다. 상용 Flex차트와 비교하여 나쁘지 않습니다. 더욱이 극소 경량의 js파일 몇개가 다이므로 속도도 빠르게 렌더링 됩니다. 다양한 브라우저도 지원합니다. 심지어 모바일기기에서도 위 그림 처럼 동일하게 렌더링해 볼 수 있습니다. 아이폰 및 아이팟의 지원 해상도인 480*320(가로)/320*480(세로) 범위내의 간단한 차트로 렌더링 해 볼 수 있습니다. Highcharts의 설치와 사용법은 http://www.highcharts.com/ 에서 확인해 보세요.
ColdFusion (73)
Comments