웹솔루션개발 25년 노하우! 해피CGI의 모든것

현재 4.4.1 버전으로 지속적으로 업데이트 되고 있는 차트 JS 입니다. https://www.chartjs.org/docs/latest/getting-started/ 위 링크의 스타트 설명을 따라 하다보면 쉽게 적용이 가능합니다. 다양한 차트와 여러 애니메이션 효과도 줄 수 있으니 차트가 필요하시다면 사용을 추천 드립니다.

Line, Area, Bar 등의 다양한 차트를 지원하는 차트를 손쉽게 구현 할 수 있는 TOAST UI Chart 입니다. https://ui.toast.com/tui-chart 지원되는 차트는 아래 이미지를 참고 하시면 되겠습니다. 한국어 메뉴얼은 아래 페이지를 통해 접속 하시면 되고, 각 차트별로 메뉴얼을 볼 수 있습니다. https://github.com/nhn/tui.chart/blob/main/docs/ko/README.md 최신버전 및 버전별 소스 다운로드는 https://github.com/nhn/tui.chart/releases 페이지에서 제공 됩니다.

다운로드 받은 파일의 압축을 해제한 후 example.html 파일을 웹브라우저로 열어보면 pie 그래프의 데모 확인이 가능합니다. 화면에 pie 그래프가 표시가 됩니다. pie 그래프에 동그라미를 클릭해서 드래그 함으로써 그래프의 비율을 조절할 수 있습니다. 그래프 하단의 비율을 표시해주고, + 버트과, - 버튼을 클릭하면, 화면에 표시되는 pie 그래프에 반영이 되게 됩니다. 사용방법은 아래와 같습니다. 그래프가 표시되는 웹페이지를 이용해서 하루 일정 등을 표시하는 용도로도 사용할 수 있겠지만, 사이트 방문자가 원하는 바를 전달을 받기 위한 용도로도 사용할 수 있겠네요.

pChart 사진을 만들기 위해 GD 라이브러리를 사용합니다. csv 나 DB를 연동하여 사용할 수도 있습니다. http://pchart.sourceforge.net/documentation.php 위 url 에 자세한 내용들이 나와 있으니 pChart를 이용하실때 참고하시면 됩니다. 압축을 받아 풀어보시면 여러가지 샘플페이지 들이 있습니다. 다만, 샘플파일들은 바로 웹으로 보여주기 않고 그냥 이미지 파일만 생성하니 img src 태그로 넣어 확인하시며 됩니다.