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

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

안녕하세요 HappyCGI 입니다. 이번에 소개해 드릴 자료는 js-graph 입니다. License : Apache License V2.0 압축을 해제 하시면 아래의 폴더 구조를 가지고 있습니다. sf-homepage 에 보시면 gettingstarted.html 파일이 있으며 가장 기본샘플 파일 입니다. js-graph 는 레이어를 드래그&드랍하여 위치를 이동시킬 수 있습니다. 레이어 끼리 연결을 시켜서 관계를 보여줄 때 사용하면 좋을듯 합니다. 원본 사이트에는 div 포지션을 보여주는 기능은 없지만 수정해 div의 포지션을 보여줄 수 있도록 조금 수정해 두었습니다. 해당 폴더의 test2.html 을 보시면 아래의 설명 이미지를 보여주기 위해 사용한 샘플 HTML 파일도 넣어 두었습니다. javas..