SMART datagrid v1.4 > Examples
SignalBarCellRenderer는 하나 이상의 수직바를 점진적으로 증감시켜 표시한다. 증감 상태는 startRate와 endRate로 지정한다. "2002" 컬럼은 startRate와 endRate를 같은 값으로 설정하고, "2003" 컬럼은 startRate를 endRate보다 큰 값으로 지정해서 감소 패턴으로 표시되게 하였다.
또, SignalBarCellRenderer.detailed를 true로 지정하면 값이 있는 마지막 바에서도 값을 구분해서 표시한다. 바의 색상은 각각 GridStyles.shapeColor와 shapeInactiveColor로 지정할 수 있다.
"2002" 컬럼의 경우 렌더러의 barRate 값을 1보다 작게 지정해서 바의 높이를 낮추었다. 바 사이 간격은 barGap으로 지정할 수 있다. 그리고, 표시되는 바의 개수는 barCount로 설정한다. 기본값은 10이다.
var columns = [{
name: "col2003",
fieldName: "f2003",
renderer: {
type: "signal",
barCount: 7,
maximum: 10,
startRate: 1,
endRate: 0.4,
barGap: 3
}
},
...
];
grid.setColumns(columns);