반응형

IT 32

[API]차트생성 - Chart.js

[API] Chart.js 차트생성기능을 만들기위해여러 무료 api를 찾던중디자인과 기능이젤 맘에들어서 사용해본chart.js를 소개하도록 하겠다. http://www.chartjs.org 오픈소스이고 8가지의 타입이 있고 html5의 canvas를 사용하고 반응형이다. 시작해보자.일단 chart.js를 사용하려면 GitHub에서 다운받거나 CDN을 이용한다.나는 걍 CDN을 이용한다. 차트를 만들자.먼저 canvas를 만들고 너비와 높이를 정한뒤꼭 id를 넣자. 기본 사용틀이다. 기본 폰트 셋팅이다. 공통으로 사용되는 구성이다. 차트 제목에 관련된 구성요소들인데일단 저런 옵션 안주면 안나오고나오게 하고 싶으면 저 도표에 있는 옵션들로 구성하면 될거 같다. 배경에 패턴을 넣을 수 있는데나는 아직 해보진 ..

IT 2016.11.25

[OVEN]프로토타이핑 툴 오븐!(beta)

OVEN 프로토타이핑 툴 소개 & 사용 후기 혼자서 사이트를 만들기로 작정한날.설계부터 막막했다.회사에서 사용하는 툴은네이버의 공개소프트웨어인 프로토나우 -> http://dev.naver.com/projects/prtnow설치 타입이고 여러가지 기능이 많다. 하지만 이것은 설치해야 사용할 수 있고넘나 복잡한 기능에디자인이 맘에 안든다. 그래서 찾다찾다 찾은게카카오에서 제공하는 툴을 찾음!!!!이름도 쉽다.오븐 OVEN -> https://ovenapp.io 아직 베타버전이지만 (버그가 좀 있음....)부트스트랩같은 스타일을 좋아하기 때문에 부트스트랩을 사용하면 일단 합격UI도 맘에 든다. 홈페이지 가면 볼 수 있지만귀찮은 사람들을 위해서 우리 것이 최고다. N스크린 환경에 최적화 되어있다. 우리 것은 ..

IT 2016.11.25
반응형