AUISoft
AUIGantt 3.6 Documentation
BarRenderer

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

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

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

아래는 설정 예제 입니다.
myColumnLayout.push({
    headerText : "퍼센티지",
    dataField : "per", // 데이터 필드 임의로 지정(단, 중복 없이 지정)
    renderer : {
            type : "BarRenderer",
            min : -100,
            max : 100,
            offset : 40
      }
});
NameDescription
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.