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

Touch-enable Draggable Pie Chart Generator In JavaScript/jQuery 본문

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

Touch-enable Draggable Pie Chart Generator In JavaScript/jQuery

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

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





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

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




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


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











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

 

 

 

Comments