Tooltip

Tooltip

Chart.js가 아닌 자체적으로 생성한 chart에서 사용하기 위한 Tooltip 클래스

Constructor

new Tooltip(pixi)

Tooltip을 띄우기 위해 PIXI의 Graphics, Text를 생성하고 필요한 값을 셋팅
Parameters:
Name Type Description
pixi PIXI PIXI 오브젝트
Source:

Members

alpha :number

Tooltip의 투명도 값 0.0 ~ 1.0
Source:

direction :number

Tooltip 생성 방향 1 = 오른쪽, -1 = 왼쪽
Source:

duration :number

Tooltip이 투명도 0에서 1까지 걸리는 시간 (단위 : 초)
Source:

graphics :PIXI.Graphics

Tooltip의 배경을 위한 PIXI.Graphics 오브젝트
Source:

mode :number

Tooltip 표현 여부 0 = 숨김, 1 = 표현
Source:

padding :object

Tooltip의 안쪽 여백
Properties:
Name Type Description
width number 좌우 여백
height number 상하 여백
Source:

pixi :PIXI

PIXI 오브젝트
Source:

title :PIXI.Text

Tooltip의 title 텍스트를 위한 PIXI.Text 오브젝트
Source:

triangleWidth :number

Tooltip 말풍선 모양에서 삼각형의 크기
Source:

unit :string

Tooltip value에 표시될 단위
Source:

value :PIXI.Text

Tooltip의 value 텍스트를 위한 PIXI.Text의 오브젝트
Source:

velocity :number

duration에 따른 초당 설정해야하는 투명도 값
Source:

x :number

Tooltip x 좌표
Source:

y :number

Tooltip y 좌표
Source:

Methods

determineBackgroundSize()

Tooltip의 크기를 설정
Source:

draw()

Tooltip의 배경을 그림
Source:

hide()

Tooltip의 상태를 변경하여 사용자로부터 숨기는 함수
Source:

positionUpdate()

Tooltip의 위치를 이동

내부 함수

Source:

setData(title, value)

Tooltip의 데이터를 설정
Parameters:
Name Type Description
title string Tooltip의 title 설정
value string Tooltip의 value 설정
Source:

setPosition(x, y)

Tooltip의 위치를 설정
Parameters:
Name Type Description
x number Tooltip의 x좌표
y number Tooltip의 y좌표
Source:

setUnit(unit)

Tooltip의 단위를 설정
Parameters:
Name Type Description
unit string Tooltip의 단위
Source:

show()

Tooltip의 상태를 변경하여 사용자에게 보여주는 함수
Source:

triangle(size)

Tooltip의 삼각형을 그림
Parameters:
Name Type Description
size number 화면크기에 Tooltip의 크기가 달라질 수 있게 size를 받아 조절
Source:

update()

Tooltip의 투명도를 관리하고 적용
Source: