RealGrid2 API
Interface
BarCellRenderer

BarCellRenderer

숫자 형 컬럼 셀의 값을 바(bar)로 표시하는 렌더러

Signature:

export interface BarCellRenderer extends CellRenderer 

Extends: CellRenderer

Remarks

[상위 클래스]

CellRenderer

Example

// string type
column.renderer = 'bar';
 
// object type
column.renderer = {
     "type": "bar",
     "minimum": 0,
     "maximum": 100,
     "minWidth": 150,
     "showLabel": true,
     "origin": "left"
}

Properties

PropertyTypeDescription
absoluteValueboolean절대값 기준으로 렌더링 할지의 여부
barStylestring왼쪽에서 시작하는 바의 스타일 명
barWidthnumber | string바의 넓이
baseValuenumber값이 지정되면 middleValue보다 큰값은 오른쪽으로 작은 값은 왼쪽으로 표시한다.
bottomBarStylestring아래쪽에서 시작하는 바의 스타일 명
maximumnumber최대값
minimumnumber최소값
negativeStylestringbaseValue보다 작은 값일때 적용되는 스타일 명
originBarOrigin바의 시작 위치
rightBarStylestring오른쪽에서 시작하는 바의 스타일 명
showLabelbooleanLabel 을 표시할 것인지의 여부
textOffsetnumberbaseValue가 지정되었을때 bar와 text의 간격
topBarStylestring위쪽에서 시작하는 바의 스타일 명
type"bar"종류: 바

Properties Desc

absoluteValue

절대값 기준으로 렌더링 할지의 여부

Type - boolean


barStyle

왼쪽에서 시작하는 바의 스타일 명

Type - string


barWidth

바의 넓이

Type - number | string


baseValue

값이 지정되면 middleValue보다 큰값은 오른쪽으로 작은 값은 왼쪽으로 표시한다.

Type - number

Remarks:

originBarOrigin.LEFT 또는 BarOrigin.BOTTOM인 경우만 적용된다.


bottomBarStyle

아래쪽에서 시작하는 바의 스타일 명

Type - string


maximum

최대값

Type - number


minimum

최소값

Type - number


negativeStyle

baseValue보다 작은 값일때 적용되는 스타일 명

Type - string


origin

바의 시작 위치

Type - BarOrigin


rightBarStyle

오른쪽에서 시작하는 바의 스타일 명

Type - string


showLabel

Label 을 표시할 것인지의 여부

Type - boolean


textOffset

baseValue가 지정되었을때 bar와 text의 간격

Type - number

Remarks:

값이 0인경우 셀의 중간에 출력된다.


topBarStyle

위쪽에서 시작하는 바의 스타일 명

Type - string


type

종류: 바

Type - "bar"