관리 메뉴

I LOVE EJ

[소스] 플래쉬 그래프 (피자형) 본문

Web Design/Flash

[소스] 플래쉬 그래프 (피자형)

BeOne 2007. 10. 16. 15:56
- 옵션이 추가되었습니다.

- 잘못된 옵션 설명 수정
- gAutoStart 옵션이 추가되었습니다.

---------------------------------

플래시로 된 파이 그래프입니다.
구글 통계를 사용하시는 분들은 아마 익숙하실겁니다 : )




미리보기
pizza.swf (오른클릭으로 저장하세요)


사용법
pizza.swf?gData=40|30&gTags=항목1|항목2 와 같은 방식으로 embed하거나
param 태그의 flashvars 항목에 gData=40|30&gTags=항목1|항목2와 같은 데이터를 value 채우시면 됩니다.
크기는 190x160입니다.

사용 가능한 arguments
gData : 필수 항목으로 데이터값이 들어가며, |(파이프라인)으로 구분합니다.
예) gData=15|25|35

gShowTooltip : 파이 조각에 마우스를 가져가면 툴팁으로 데이터를 표시할 지 여부입니다. 1 또는 0이 들어가게 되며, 기본값은 1입니다. 툴팁을 사용하지 않으려면 이 값을 0으로 하거나, 아래의 gTags를 지정하지 않으면 됩니다.

gTags : gShowTooltip이 1인 경우 표시될 항목을 지정합니다. gData와 동일하게, |(파이프라인)으로 연결해야합니다.
예) gTags=항목1|항목2|항목3

gRadius : 파이의 크기(반지름)입니다. 기본값은 60입니다.
gHeight : 파이의 높이입니다. 기본값은 30입니다.
gColors : 각 조각들의 색상값이 들어가게 되며, 비어있을 시에는 미리 정의된 색상을 사용합니다.
기본색상과 그림자 색상 두가지가 필요하며, 이 두색상은 ,로 구분하며 조각별 색상은 |(파이프라인)으로 구분합니다.
예) gColors=#dddddd,#cccccc|#eeeeee,#dddddd
gAutoStart : 지정된 조각을 튀어나오게 합니다.
gAutoStart=lowest : 가장 작은 조각이 자동으로 튀어나옵니다.
gAutoStart=highest : 가장 큰 조각이 자동으로 튀어나옵니다.
gAutoStart=2 : 지정된 인덱스(0부터 시작입니다)의 조각이 자동으로 튀어나옵니다.

* new

gTagUrl : gTags에 지정된 항목 이름을 가지고 url을 만들어 클릭 시 이동합니다.
항목 이름으로 치환될 부분은 %s으로 지정합니다.
예) gTagUrl=http://miniwini.com/tags/%s
gTagTarget : gTagUrl이 지정된 경우 타겟창이 열리는 창 이름입니다. _self,_blank,_parent,_top 중에서 사용 가능하며 기본값은 _self입니다.

gPercCipher : 마우스 오버 시 표시되는 퍼센트의 자릿수입니다. 2로 지정된 경우는 소수점 이하 둘째 자리까지 표시합니다. 기본값은 1입니다.