bands

sets an array of custom bands' (ranges of performance) values and colors for Bullet Graph

array bands;

Example

webix.ui({
    view:"bullet", 
    id:"b1",
    minRange:0, 
    maxRange:120,
    bands:[
        { value:120, color:"#b4e5fb"},
        { value:80, color:"#55c2f3"},
        { value:60, color:"#1997dc"},
    ]
});

Related samples

Details

The default bands settings are the following:

bands:[
    { value:100, color:"#5be5d6"},
    { value:80, color:"#fff07e" },
    { value:60, color:"#fd8b8c" } 
]
See also
  • Articles
  • Back to top