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"