color

задает цвет полосы, которая отображает текущее значение Bullet

Example

webix.ui({
    view:"bullet", 
    id:"b1",
    color:"#ffffff"
});

Default value:

"#394646"

Related samples

Вы можете задать статический цвет для панели, как показано в примере выше. Кроме того, вы можете сделать так, чтобы панель изменяла цвет в зависимости от значения. Определите color как функцию:

webix.ui({
    view:"bullet",
    id:"b2",
    value:40,
    stroke:16,
    color:(v) => {
        if (v < 30) return "red";
        if (v < 60) return "gold";
        return "green";
    }
});

Функция получает один параметр - текущее значение Bullet.

Наверх