Bar 렌더러는 데이터셀의 값과 렌더러의 minimum과 maximum 범위에 대한 비율을 origin부터 시작하는 사각형 막대(Bar)로 표시한다. Bar는 GridStyles.shapeBackground와 GridStyles.shapeBorder로 그려진다. Bar의 폭은 GridStyles.shpaeSize로 정해진다.
컬럼 렌더러 설정시 type을 "bar"로 지정한다.
var columns = [{
name: "Quantity",
fieldName: "quantity",
width: 60,
header: {
"text": "Quantity"
},
renderer: {
type: "bar",
minimum: 0,
maximum: 1000,
origin: "right"
}
},
...
];
grid.setColumns(columns);
}