Since 4.3
компонент для отображения динамически изменяющихся показателей.
Компонент Bullet Graph - это вариация компонента Gage. У Bullet Graph есть вся функциональность Gage, а также собственный специфический API для настройки шкалы, цвета, анимации, ориентации, ярлыка и т.д.
Подробнее читайте в описательной документации.
var bullet = webix.ui({
view:"bullet",
id:"b1",
minRange:0,
maxRange:120,
value:40,
label:"2015 YTD",
placeholder:"expected #value#",
marker:70
});
| adjust | подстраивает размеры компонента под размеры HTML-контейнера |
| bind | связывает данные компонентов |
| define | переопределяет одну или несколько настроек компонента |
| destructor | разрушает компонент |
| disable | блокирует компонент (он становится серым, клики по нему не срабатывают) |
| enable | делает активным ранее заблокированный компонент |
| getChildViews | возвращает внутренние компоненты |
| getFormView | возвращает объект формы, которой принадлежит компонент |
| getNode | возвращает HTML-элемент компонента |
| getParentView | возвращает родительский компонент |
| getTopParentView | возвращает самого верхнего родителя |
| getValue | возвращает значение bullet |
| hide | скрывает компонент |
| isEnabled | проверяет, активен или заблокирован компонент |
| isVisible | проверяет, виден ли компонент |
| queryView | возвращает внутренние компоненты, которые удовлетворяют указанному условию |
| refresh | перерисовывает компоненты после изменений в настройках |
| resize | перерисовывает компонент после изменения размеров |
| setValue | задает значение для Bullet Graph |
| show | делает компонент видимым |
| unbind | отменяет связывание компонентов |
| onAfterScroll | срабатывает после прокрутки содержимого компонента webix |
| onBindRequest | срабатывает, когда компонент готов получить данные из главного компонента |
| onBlur | срабатывает при смещении фокуса за пределы компонента |
| onDestruct | происходит, когда компонент был разрушен деструктором |
| onEnter | срабатывает после нажатия клавиши Enter |
| onFocus | срабатывает после смещения фокуса на компонент |
| onKeyPress | срабатывает после того, как пользователь нажал клавишу (для компонента, на котором сейчас фокус) |
| onLongTouch | срабатывает после того, как пользователь на достаточно долгое время задержит палец на экране (для устройств с сенсорным экраном) |
| onSwipeX | срабатывает по горизонтальному свайпу |
| onSwipeY | срабатывает по вертикальному свайпу |
| onTimedKeyPress | срабатывает через некоторое время после нажатия клавиши в текстовом поле |
| onTouchEnd | срабатывает после завершения события touch |
| onTouchMove | срабатывает по время движения пальца по сенсорному экрану |
| onTouchStart | срабатывает после touch-события в компоненте webix |
| onViewResize | срабатывает после того, как пользователь изменил размер компонента с помощью компонента resizer |
| onViewShow | срабатывает, когда компонент появляется (вызов метода show()) |
| animate | определяет анимацию для показа компонента в Multiview |
| bands | позволяет делить шкалу Bullet Graph на части и раскрашивать их |
| barWidth | задает ширину цветной шкалы, на которой отображается полоса с текущим значением Bullet Graph |
| borderless | скрывает или показывает границы компонента |
| color | задает цвет полосы, которая отображает текущее значение Bullet |
| container | HTML-контейнер (или его ID), внутри которого компонент должен быть инициализирован |
| css | имя CSS-класса, который будет присвоен HTML-элементу компонента, или объект со стилями |
| disabled | блокирует или разблокирует компонент |
| flowTime | задает скорость анимации (в миллисекундах) |
| gravity | задает удельный (относительный) размер компонента |
| height | задает высоту компонента |
| hidden | скрывает компонент после его инициализации |
| id | ID компонента |
| keyPressTimeout | задержка между нажатием клавиши и обработчиком |
| label | ярлык (легенда) компонента Bullet Graph |
| labelHeight | задает высоту ярлыка для вертикального Bullet Graph |
| labelWidth | задает ширину ярлыка для горизонтального Bullet Graph |
| layout | задает ориентацию Bullet Graph |
| marker | определяет положение засечки (маркера) на шкале |
| markerColor | определяет цвет маркера |
| maxHeight | задает максимальную высоту компонента |
| maxRange | устанавливает максимальное значение на шкале Bullet Graph |
| maxWidth | задает максимальную ширину компонента |
| minBarHeight | устанавливает минимальную высоту полосы в пикселях |
| minHeight | задает минимальную высоту компонента |
| minRange | устанавливает минимальное значение на шкале Bullet Graph |
| minWidth | задает минимальную ширину компонента |
| origin | задает начало шкалы |
| placeholder | задает дополнительный ярлык для компонента |
| scale | задает настройки для шкалы Bullet Graph |
| smoothFlow | включает плавную анимацию в Bullet Graph |
| stroke | определяет ширину полосы, которая показывает текущее значение Bullet Graph |
| tickSize | задает длину насечек на шкале графика Bullet |
| value | устанавливает начальное значение Bullet Graph |
| width | задает ширину компонента |
| $getSize | возвращает текущий размер компонентов |
| $height | текущая высота компонента |
| $scope | область имен для событий и методов |
| $setNode | определяет HTML-элемент компонента |
| $setSize | задает размеры компонента |
| $skin | вызывается после применения скина |
| $view | возвращает HTML-элемент компонента |
| $width | текущая ширина компонента |
| config | все настройки, заданные при инициализации компонента |
| name | возвращает имя компонента (свойство только для чтения) |