1
2
3
4
renderer: {
    type: "signal",
    barCount: 10
}

1
2
3
4
styles: {
    figureBackground: "#ffff00ff",
    figureState: "value"
}

1
2
3
gridView.setColumnProperty("EmployeeID2", "renderer", {type:"signal", barCount:10});

gridView.setColumnProperty("EmployeeID2", "styles", {figureState: "value"});

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
gridView.setColumnProperty("Quantity2", "renderer", {type:"signal", barCount:20});

gridView.setColumnProperty("Quantity2", "dynamicStyles", [
    {
        criteria: "value < 10",
        styles: "figureBackground=#66ffff00;figureState=2"
    }, {
        criteria: "value >= 10",
        styles: "figureBackground=#66ff0000;figureState=4"
    }, {
        criteria: "value >= 40",
        styles: "figureBackground=#88ff0000;figureState=6"
    }, {
        criteria: "value >= 60",
        styles: "figureBackground=#aa0000ff;figureState=12"
    }, {
        criteria: "value >= 80",
        styles: "figureBackground=#aa0000ff;figureState=15"
    }, {
        criteria: "value >= 100",
        styles: "figureBackground=#ff0000ff;figureState=20"
    }
]);