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

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

Properties Desc

absoluteValue

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

barStyle

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

barWidth

바의 넓이

baseValue

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

Remarks:

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

bottomBarStyle

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

maximum

최대값

minimum

최소값

negativeStyle

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

origin

바의 시작 위치

rightBarStyle

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

showLabel

Label 을 표시할 것인지의 여부

textOffset

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

Remarks:

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

topBarStyle

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

type

종류: 바