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

Javascript 배열에서 데이터를 가져와 에니메이션 효과가 있는 막대 그래프로 변환하는 JQuery 플러그인 입니다. ​ ​다운로드 받은 파일을 압축해서 나오면 index.html 파일을 웹브라우저로 열어보면 확인이 가능합니다. 실행해보면 화면에 위 그림과 같이 막대그래프가 생성되어서 표시가 됩니다. 그래프를 표시하기 위해서 사용된, index.html 파일의 HTML 소스코드를 확인해 보면 그래프에 필요한 제목, 값 으로 구성된 javascript 의 배열을 이용한게 확인이 됩니다. 더 많은 기능으로는 X축, Y축 라벨을 포함하고, 마우스 오버시 툴팁이 가능하고, 행의 숫자를 지정할수 있고, 반응형이면서 사용하기가 쉽습니다. 막대 그래프를 포함해서 여러가지 그래프들(파이,라인,영역 등등)을 이용할 ..

첨부된 파일을 다운로드 받아서 압축을 해제하고 나오는 index.html 파일을 웹브라우저에서 열어서 보면 간단하게 확인이 됩니다. 위와 같은 화면이 나오고 특정 자리를 클릭해보면 아래 그림 처럼 해당 좌석을 선택했다고 표시가 되고, 선택한 좌석의 가격 을 우측에 표시해주고, 합계 정도를 계산해서 화면에 표시해줍니다. index.html 파일을 텍스트 편집기로 열어서 보면 map 이란 항목에 'ff_ff', 'ff_ff', 'ee_ee', 'ee_ee', 'ee___', 'ee_ee', 'ee_ee', 'ee_ee', 'eeeee', 위와 같이 설정되어 있는 것을 'ff_ff', 'ff_ff', 'ee_ee', 'ee_ee', 'ee___', 'ee_ee', 'ee_ee', 'ee_ee', 'eeeee'..