English | Русский
Organogram

Organogram - это JavaScript виджет, необходимый для создания иерархических диаграмм, которые отображают структуру компании, качественный (структурные подразделения и должности) и количественный состав сотрудников или же представляют связь между различными частями любой сложной структуры.

Webix Organogram Виджет
Демо

Легкий в изучении

Структура и API Органограммы схожи с теми, что имеет виджет Tree, поэтому вам не придется тратить много времени на то, чтобы разобраться с особенностями этого нового виджета.

Легко настраиваемый

Внешний вид органограммы легко настроить в соответствии с требованиями вашего проекта. Вы можете задать размеры ее элементов, способ их размещения, а также их содержимое. Кроме того, можно указать расположение всего компонента по отношению к контейнеру

Стилизация через CSS

Вы можете настроить внешний вид либо всего виджета Organogram или отдельных его элементов при помощи CSS. Вы также можете применить свои CSS правила для создания уникального стиля органограммы.

Выделение

С Webix Organogram вы можете подключить функцию селекта при помощи всего одной строки кода.

Список внутри блока

Если вы хотите показать в понятном виде разветвленную структуру какой-либо крупной организации, то можете использовать такую функцию Organogram, как список внутри блока, которая позволяет представлять дочерние элементы блоков в виде списка внутри блока.

Webix Organogram

Поддержка популярных форматов данных

Webix Organogram позволяет загружать данные в JSON и XML форматах. Эти форматы данных легко настраиваются, поэтому вы можете использовать Organogram с сущсетвующими веб-сервисами.

Совместимость с браузерами

Organogram отлично работает в последних версиях следующих браузеров: IE, Mozilla Firefox, Opera, Chrome и Safari.

Поддержка тач устройств

Эта JavaScript иерархическая диаграмма безупречно работает на всех типах сенсорных устройств.

Windows and Popups
Uploader
Development Tools