Effect

Effect

GamifyJS에서 효과를 생성하는 클래스입니다.

해당 클래스를 통해 효과를 생성하고, 제어할 수 있습니다.

Constructor

new Effect(option, chartJsObject)

DOM의 크기를 계산해서 DOM의 크기에 딱 맞게 Gamify를 생성해준다.
Parameters:
Name Type Description
option object Gamify를 통해 생설할 차트의 데이터
chartJsObject ChartJS 생성된 ChartJS 오브젝트
Source:

Members

chartAnimationCompleteIndex :number

ChartJS onComplete 추가 인덱스
Source:

chartAnimationProgressIndex :number

ChartJS onProgress 추가 인덱스
Source:

chartJsObject :ChartJS

생성된 ChartJS 오브젝트
Source:

chartOnCompleteFunctionList :object

ChartJS 애니메이션 onComplete 이벤트 발생 시 실행되는 함수 리스트
Source:

chartOnProgressFunctionList :object

ChartJS 애니메이션 onProgress 이벤트 발생 시 실행되는 함수 리스트
Source:

chartType :string

차트의 타입
Source:

effectListIndex :number

효과 리스트 인덱스
Source:

information :object

각 타입의 효과 정보
Properties:
Name Type Description
bar string bar 타입에 대한 효과 정보
Properties
Name Type Description
enableEffectList array bar 타입에서 사용가능한 효과 리스트
Properties
Name Type Description
upperLimit string 기준치 초과에 대한 효과
lowerLimit string 기준치 미만에 대한 효과
Effect BarEffect BarEffect 오브젝트
pie string pie 타입에 대한 효과 정보
Properties
Name Type Description
enableEffectList array pie 타입에서 사용가능한 효과 리스트
Properties
Name Type Description
extrude string 마우스 상호작용 효과
Effect PieEffect PieEffect 오브젝트
scatter string scatter 타입에 대한 효과 정보
Properties
Name Type Description
enableEffectList array scatter 타입에서 사용가능한 효과 리스트
Properties
Name Type Description
missile string scatter 차트의 좌표가 변경될 때효과
Effect ScatterEffect scatterEffect 오브젝트
Source:

list :object

생성된 효과의 리스트
Source:

option :object

Gamify를 통해 생설할 차트의 데이터
Source:

pixiJsObject :PIXI

효과를 생성할 PIXI 오브젝트
Source:

Methods

_addOnCompleteFunction(fn) → {number}

내부 함수

ChartJS 애니메이션 onComplete 이벤트 발생할 때 실행할 함수를 추가하는 함수

Parameters:
Name Type Description
fn function 실행할 함수
Source:

_addOnProgressFunction(fn) → {number}

내부 함수

ChartJS 애니메이션 onProgress 이벤트 발생할 때 실행할 함수를 추가하는 함수

Parameters:
Name Type Description
fn function 실행할 함수
Source:

_removeOnCompleteFunction(index)

내부 함수

ChartJS 애니메이션 onComplete 이벤트 발생할 때 실행할 함수를 제거하는 함수

Parameters:
Name Type Description
index number _addOnCompleteFunction 통해 받은 인덱스
Source:

_removeOnProgressFunction(index)

내부 함수

ChartJS 애니메이션 onProgress 이벤트 발생할 때 실행할 함수를 제거하는 함수

Parameters:
Name Type Description
index number _addOnProgressFunction를 통해 받은 인덱스
Source:

add(option, option) → {number}

효과를 추가하는 함수

사용하고자 하는 효과를 알맞은 차트에 적용해야함

Parameters:
Name Type Description
option effectName 효과 이름
option object 효과 옵션
Source:

destroy(index)

효과를 제거하는 함수
Parameters:
Name Type Description
index number 효과 생성할 때 얻은 인덱스
Source: