item

объект с настройками для элементов

Example

webix.ui({
  view: "diagram",
  item: {
    width: 100,
    height: 50,
    type: "heptagon",
  }
});

Related samples

Настройки внутри объекта item применяются ко всем элементам диаграммы. Обратите внимание, что если у элемента есть индивидуальные настройки, то общие настройки (свойства объекта item) не применятся для этого элемента. Приоритет индивидуальных настроек выше, чем у общих.

Поля объекта item:

• width (number) - ширина блока
• height (number) - высота блока
• x (number) - определяет позицию блока по горизонтали. Применимо, если autoplacement отключено
• y (number) - определяет позицию блока по горизонтали. Применимо, если авторазмещение отключено
• template (string, function) - темплейт для содержимого блока
• type (string) - тип фигуры блока
• css (string, function) - CSS класс или функция-темплейт, которая возвращает название класса для блоков.

Именованный item

Вы также можете создать объект item отдельно от компонента и ссылаться на него через его имя:

webix.type(webix.ui.diagram, {
    name:"defaults",
    width: 260,
    height: 90
});
 
webix.ui({
    view:"diagram",
    item:"defaults"
});

Наверх