Touch-enable Draggable Pie Chart Generator In JavaScript/jQuery

Link

Tags more

관리 메뉴

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

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

해피CGI윤실장 2023. 4. 14. 09:05

다운로드 받은 파일의 압축을 해제한 후
example.html 파일을 웹브라우저로 열어보면
pie 그래프의 데모 확인이 가능합니다.

화면에 pie 그래프가 표시가 됩니다.

pie 그래프에 동그라미를 클릭해서 드래그 함으로써
그래프의 비율을 조절할 수 있습니다.

그래프 하단의 비율을 표시해주고,
+ 버트과, - 버튼을 클릭하면,
화면에 표시되는 pie 그래프에 반영이 되게 됩니다.

사용방법은 아래와 같습니다.

그래프가 표시되는 웹페이지를 이용해서
하루 일정 등을 표시하는 용도로도 사용할 수 있겠지만,
사이트 방문자가 원하는 바를 전달을 받기 위한 용도로도 사용할 수 있겠네요.

[해피CGI][cgimall] 콘텐츠 길이에 따라 요소의 너비 자동 크기 조정 - jQuery dynamicWidth.js (0)	2023.05.17
[해피CGI][cgimall] Sticky Header + Smooth Scroll + Scrollspy = Stoocky Page (0)	2023.04.21
[해피CGI][cgimall] 빠른 이모지(emoji) 선택기 - jQuery emoji-picker.js (0)	2023.03.28
[해피CGI][cgimall] 초소형 드래그(Drag) 앤 드롭(Drop) 플러그인 - jQuery draggable-mcs (0)	2023.03.24
[해피CGI][cgimall] Simple Confirmation Popup 확인용 팝업창 (0)	2023.03.23

공유하기 링크

'웹프로그램밍 자료실/JAVA 자료' Related Articles

Comments