BarCellRenderer

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

상세 설명

[상위 클래스]

예제 코드

// string type
column.renderer = 'bar';

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

프로퍼티 목록

프로퍼티 정보

absoluteValue

absoluteValue: boolean

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

barStyle

barStyle: string

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

기본값

'rg-bar-renderer-bar'

barWidth

barWidth: number | string

바의 넓이

baseValue

baseValue: number

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

상세 설명

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

기본값

NaN

bottomBarStyle

bottomBarStyle: string

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

기본값

'rg-bar-renderer-bar-bottom'

maximum

maximum: number

최대값

minimum

minimum: number

최소값

negativeStyle

negativeStyle: string

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

기본값

'rg-bar-renderer-bar-negative'

origin

origin: BarOrigin

바의 시작 위치

기본값

BarOrigin.LEFT

rightBarStyle

rightBarStyle: string

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

기본값

'rg-bar-renderer-bar-right'

showLabel

showLabel: boolean

Label 을 표시할 것인지의 여부

textOffset

textOffset: number

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

상세 설명

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

기본값

5

topBarStyle

topBarStyle: string

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

기본값

'rg-bar-renderer-bar-top'

type

type: "bar"

종류: 바