AUIGrid Documentation

BarRenderer

바 렌더러는 특정 칼럼의 셀에 바 게이지가 출력되는 칼럼 렌더러입니다.

바 렌더러는 칼럼 레이아웃을 정의할 때 개별 칼럼의 renderer 속성 값인 Object 형태로 선언되어야 합니다.

칼럼의 renderer 속성의 type 으로만 설정 가능합니다.

아래는 설정 예제 입니다.

var columnLayout = [ {
     dataField : "name",
     headerText : "Name",
     width : 140
}, {
     dataField : "quantity",
     headerText : "Quantity",
     width : 120,
     renderer : {
            type : "BarRenderer",
            min : -100,
            max : 100,
            offset : 40
      }
}];

Name	Description
max	Type : Number 바 게이지 축의 최대값을 지정합니다. 기본값(default) : `100`.
min	Type : Number 바 게이지의 최소값을 지정합니다. 기본값(default) : `0`.
offset	Type : Number 바 게이지의 값이 출력되는 텍스트의 좌우 여백을 지정합니다. 기본적으로 칼럼 전체의 text-align 스타일을 따릅니다. 그러나 min, max 가 -100 ~ 100 사이 인 경우(즉, 0이라는 기준점이 있는 경우) 게이지의 시작은 0 에서 음수와 양수 범위로 나뉘어 출력되고, 텍스트는 가운데 출력이 됩니다. 이 때 텍스트의 좌우 여백을 지정하여 좀 더 자연스러운 텍스트를 출력할 수 있습니다. 기본값(default) : `0`.
showLabel	Type : Boolean 바 게이지의 텍스트 출력 여부를 지정합니다. 기본값(default) : `true`.
style	Type : String 바 게이지의 스타일을 지정합니다. 스타일은 CSS 에서 미리 선언된 CSS 클래스 선언자여야 합니다. 기본값(default) : `null`.