BarCellRenderer
숫자 형 컬럼 셀의 값을 바(bar)로 표시하는 렌더러
Signature:
export interface BarCellRenderer extends CellRenderer Extends: CellRenderer
Remarks
[상위 클래스]
Example
// string type
column.renderer = 'bar';
// object type
column.renderer = {
"type": "bar",
"minimum": 0,
"maximum": 100,
"minWidth": 150,
"showLabel": true,
"origin": "left"
}Properties
| Property | Type | Description |
|---|---|---|
| absoluteValue | boolean | 절대값 기준으로 렌더링 할지의 여부 |
| barStyle | string | 왼쪽에서 시작하는 바의 스타일 명 |
| barWidth | number | string | 바의 넓이 |
| baseValue | number | 값이 지정되면 middleValue보다 큰값은 오른쪽으로 작은 값은 왼쪽으로 표시한다. |
| bottomBarStyle | string | 아래쪽에서 시작하는 바의 스타일 명 |
| maximum | number | 최대값 |
| minimum | number | 최소값 |
| negativeStyle | string | baseValue보다 작은 값일때 적용되는 스타일 명 |
| origin | BarOrigin | 바의 시작 위치 |
| rightBarStyle | string | 오른쪽에서 시작하는 바의 스타일 명 |
| showLabel | boolean | Label 을 표시할 것인지의 여부 |
| textOffset | number | baseValue가 지정되었을때 bar와 text의 간격 |
| topBarStyle | string | 위쪽에서 시작하는 바의 스타일 명 |
| type | "bar" | 종류: 바 |
Properties Desc
absoluteValue
절대값 기준으로 렌더링 할지의 여부
Type - boolean
barStyle
왼쪽에서 시작하는 바의 스타일 명
Type - string
barWidth
바의 넓이
Type - number | string
baseValue
값이 지정되면 middleValue보다 큰값은 오른쪽으로 작은 값은 왼쪽으로 표시한다.
Type - number
Remarks:
origin이 BarOrigin.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"