[해피CGI][cgimall] 조직도를 구성할 수 있는 ... Orgchart

Javascript jQuery 를 이용하여 조직도를 만들 수 있습니다.

API 안내와 여러가지 버젼으로 제공되지만 ... 저는 jQuery Version 만 사용해 봤습니다.

toggle 도 가능해서 데모를 볼때는 괜찮다 생각 했지만 다운로드 받아보니 역시나 바로 실행이 되진 않네요 ^^;


데모파일에서상단에 CSS, JS 경로만 수정해 주시면 됩니다.

<link rel="stylesheet" href="css/jquery.orgchart.css"> 를 아래처럼 변경하세요.

<link rel="stylesheet" href="../dist/css/jquery.orgchart.css">

 

<script type="text/javascript" src="js/jquery.min.js"></script>  <-- 해당 코드는 제거하거나 CDN 으로 교체.
<script type="text/javascript" src="js/jquery.orgchart.js"></script>

<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="../dist/js/jquery.orgchart.js"></script>

위의 코드처럼 변경하시면 나름 독특한 조직도를 볼 수 있습니다. ^^

라이센스는 MIT 라이센스 입니다.