본문 바로가기

프로그래밍

[bootstrap][jquery] 부트스트랩 그래프


 부트스트랩을 이용해 웹페이지 개발하는 도중 그래프가 필요하여 찾아보고 있었는데 기본 내장되어 있진 않단다.

 일단 검색시작.

 검색해보니 jqplot이란 놈과 그래프만 지원하는건 아니지만 부트스트랩 어드민 페이지(?)에 그래프가 딸려있는걸 확인


 일단 jqplot이 낫겠지 하고 써보는데 예제페이지도 있고 괜찮아 보이길래 적용하려고 해봤으나

 알수없는 오류로 포기.. 지금와서 생각해보니 뭐 하나 include 안한듯 싶기도 하고..


 일단 어드민 테마는 주소가 http://vinceg.github.io/Bootstrap-Admin-Theme/index.html# 이쪽인데 깔끔해서 쓰기 딱 좋다.

▲ Morris Bar



▲ Morris Area


 Morris.bar는 사용이 잘 됐는데, 문제는 Morris.area / Morris.line 이 두놈

 일단 사용하려고 보니 X축이 문제. 무조건 년도+월 OR 년도로 적용이 되더라. 인식을 못하게 되면 1900년대 부터 시작 ㅋㅋㅋㅋ

 년도가 없는 예제가 없어서 일단 고민.. jqplot을 써야 하나..

 검색어도 뭐라할지 몰라서 구글에서 뒤적뒤적하다 해결을 봤다.





parseTime: false


http://morrisjs.github.io/morris.js/lines.html

찾아보니 Morris.js만 따로 사용도 가능했더라.

코드에 저놈만 넣어주면 된단다. 하 설명서도 같이 넣어주면 얼마나 편할까.


큰 문제는 아니였지만, 시간소비를 했다는게 좀 짜증..

'프로그래밍' 카테고리의 다른 글

[SQL] 테이블 COUNT, 개수 세기  (0) 2014.05.02
[SQL] 오름차순 내림차순 정렬  (0) 2014.05.02