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

[해피CGI][cgimall] 레이어를 이용한 그래프 본문

웹프로그램밍 자료실/JAVA 자료

[해피CGI][cgimall] 레이어를 이용한 그래프

해피CGI윤실장 2017. 2. 27. 09:13

안녕하세요 HappyCGI  입니다.
 
이번에 소개해 드릴 자료는 js-graph 입니다.

License : Apache License V2.0

압축을 해제 하시면 아래의 폴더 구조를 가지고 있습니다.




sf-homepage 에 보시면 gettingstarted.html 파일이 있으며 가장 기본샘플 파일 입니다. 



js-graph 는 레이어를 드래그&드랍하여 위치를 이동시킬 수 있습니다. 
레이어 끼리 연결을 시켜서 관계를 보여줄 때 사용하면 좋을듯 합니다. 
원본 사이트에는 div 포지션을 보여주는 기능은 없지만 수정해 div의 포지션을 보여줄 수 있도록 조금 수정해 두었습니다. 

해당 폴더의 test2.html 을 보시면 아래의 설명 이미지를 보여주기 위해 사용한 샘플 HTML 파일도 넣어 두었습니다.

javascript + Ajax + DB 를 연동시키면 레이어를 소스 수정없이 추가하거나 
레이어의 위치와 연결 고리를 만들면 재미있는 기능을 구현할 수 있겠네요. ^^
 
사용방법은 아래의 이미지를 참고하세요.

 

홈페이지바로가기 

저작자표시

'웹프로그램밍 자료실 > JAVA 자료' 카테고리의 다른 글

[해피CGI][cgimall] 달력 선택형 jquery 소스 Datepicker  (0) 2017.03.02
[해피CGI][cgimall] 애니메이션 효과로 열기를 표현하는 Animated Heat Distortion  (0) 2017.02.28
[해피CGI][cgimall] 다양한 조건의 jQuery Countdown 플러그인  (0) 2017.02.23
[해피CGI][cgimall] jQuery fontIconPicker  (0) 2017.02.22
[해피CGI][cgimall] 휠스크롤시 부드럽게~ smoothwheel  (0) 2017.02.21
공유하기 링크
'웹프로그램밍 자료실/JAVA 자료' Related Articles more
Comments