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);