Organizational Chart
Интерактивная веб-часть организационной диаграммы для SharePoint Online и Microsoft Teams с данными из Microsoft Entra ID в реальном времени, масштабированием, поиском, статусом присутствия и экспортом.
Веб-часть Organizational Chart обеспечивает интерактивную динамическую визуализацию структуры вашей компании в SharePoint Online и Microsoft Teams. Построенная на Microsoft Graph API, она получает актуальные данные из Microsoft Entra ID и даёт каждому сотруднику ясное, всегда актуальное представление о линиях подчинения и иерархии команд — со встроенными масштабированием, поиском, функцией «Найти меня», экспортом и статусом присутствия в реальном времени.
- Горизонтальное и вертикальное представление
- Вся компания или команда конкретного руководителя
- Простой выбор отображаемых атрибутов
- Счётчик подчинённых
- Критерии фильтрации данных и исключения
- Масштаб, «По размеру экрана», развернуть/свернуть всё
- «Найти меня» и поиск сотрудников
- Карточка профиля сотрудника и статус присутствия
- Экспорт в PDF и JPEG
- Ленивая загрузка для крупных организаций
- Приложение Microsoft Teams со значениями по умолчанию для тенанта
- Поддержка вариантов тем
Обзор
Веб-часть Organizational Chart превращает ваш интранет SharePoint Online в живую карту компании. Сотрудники могут интерактивно изучать линии подчинения и иерархию команд, углубляться в любую ветвь организации и с первого взгляда видеть, кто где работает и кому подчиняется.
Веб-часть построена на SharePoint Framework и получает данные через Microsoft Graph API напрямую из Microsoft Entra ID. Диаграмма всегда отражает ваш каталог в реальном времени — не нужно поддерживать отдельный источник данных, а надёжные механизмы аутентификации и авторизации Microsoft Graph обеспечивают безопасное и стабильное получение данных. Адаптивный дизайн гарантирует, что диаграмма отлично выглядит и легко управляется на любом устройстве, а решение эффективно масштабируется для организаций любого размера.
Горизонтально или вертикально — иерархия в удобном виде
Выберите расположение, которое лучше всего подходит странице. Горизонтальное представление — классическая организационная диаграмма: дерево карточек, соединённых линиями, с раскрывающимися ветвями; идеально для визуального изучения структуры на широкой странице или в полноэкранном приложении. Вертикальное представление складывает ту же иерархию в компактный список с детализацией — отличный вариант для узких колонок страницы и мобильных экранов.
Параметр «Уровни для отображения» определяет, сколько уровней раскрыто при загрузке страницы (от 1 до 10); остальные разворачиваются одним щелчком по элементу +/− под любой карточкой. Элементы управления доступны с клавиатуры (Enter/Пробел) и озвучиваются программами экранного доступа.

Показывайте именно те атрибуты, которые нужны
Определите, какие атрибуты сотрудников отображать на каждой карточке: имя, должность, отдел, офис, e-mail, телефон, город, страну или любое другое свойство, доступное в Microsoft Entra ID. Выберите до трёх строк (заголовок, вторая и третья) и один из четырёх размеров карточки — от компактной карточки с аватаром и именем до крупной карточки с большим фото. Простые настройки позволяют адаптировать каждую диаграмму под её аудиторию без единой строки кода.
Включите счётчик подчинённых, чтобы на карточке каждого руководителя отображался небольшой значок с числом прямых подчинённых — быстрый способ оценить норму управляемости.

Вся компания или команда одного руководителя
В режиме «Вся компания» диаграмма начинается с вершины иерархии. В режиме «Сотрудники, подчиняющиеся конкретному пользователю» вы выбираете человека, и диаграмма показывает только его и всех, кто находится ниже, — так сайт отдела показывает собственную структуру отдела, а сайт проекта — команду руководителя проекта.
Размещайте на разных страницах несколько веб-частей с разными начальными сотрудниками, используя одно и то же решение, — и каждая диаграмма остаётся синхронизированной с Microsoft Entra ID.

Фокус на нужном: фильтрация данных
Критерии фильтрации позволяют показать именно ту часть организации, о которой говорится на странице. Создавайте условия по любому доступному атрибуту — с операторами равно, содержит, начинается с или содержит данные — и объединяйте их в группы И/ИЛИ в визуальном редакторе фильтров.
Поддерживайте порядок на диаграмме с помощью исключений в один щелчок: сотрудники без лицензий, сотрудники с пустым отделом и сотрудники с пустой должностью (как правило, служебные учётные записи и общие почтовые ящики) не отображаются. Отключённые учётные записи не показываются никогда.
Фильтрация применяется на уровне данных через запросы Microsoft Graph, поэтому диаграмма остаётся быстрой и отзывчивой даже в крупных организациях.

Удобная навигация по большим структурам
Встроенная панель инструментов делает управляемой даже очень крупную организацию: «Развернуть все» и «Свернуть все» раскрывают или сворачивают всё дерево сразу; «Увеличить» / «Уменьшить» со счётчиком масштаба в процентах, «По размеру экрана», масштабирующая дерево по ширине контейнера, и «Сбросить вид», возвращающая 100% (элементы масштабирования доступны в горизонтальном представлении).
Масштабирование колесом мыши работает при удержании Ctrl (⌘ на Mac), поэтому обычная прокрутка страницы никогда не перехватывается, а диаграмму можно спокойно разместить посреди длинной страницы интранета. Для перемещения просто перетаскивайте диаграмму.

«Найти меня» — какое место я занимаю в компании?
Один щелчок по «Найти меня» находит на диаграмме текущего пользователя: веб-часть разворачивает всех руководителей по цепочке до этого человека, выделяет его карточку и прокручивает к ней. Новые сотрудники сразу видят своё место в структуре, а руководители — свою команду в контексте.

Поиск по диаграмме
Включите поле поиска, чтобы пользователи могли находить коллег по имени, должности, отделу, e-mail, телефону, местоположению и другим загруженным полям. Диаграмма сужается до подходящих сотрудников вместе с цепочкой их руководителей, а найденные совпадения выделяются; очистите запрос, чтобы вернуться к полной структуре.

Карточка профиля сотрудника под рукой
Наведите указатель на человека на диаграмме или выберите его, чтобы открыть привычную карточку профиля Microsoft 365 с фотографией, контактной информацией, должностью и местом в организации, а также быстрыми действиями: написать письмо, позвонить или начать чат. Коллеги получают нужный контекст для связи, не покидая страницы и не обращаясь к отдельному справочнику.

Статус присутствия в реальном времени
Узнайте, кто доступен, прежде чем обращаться. Диаграмма показывает актуальный статус присутствия каждого сотрудника в Microsoft Teams — доступен, занят, не беспокоить, на собрании, на звонке, отошёл, вне офиса или не в сети — в реальном времени из Microsoft 365.
Это небольшая деталь, которая заметно меняет дело для распределённых и гибридных команд: люди связываются друг с другом в подходящий момент, а лишних отвлечений становится меньше.

Экспорт всей диаграммы в PDF или JPEG
Нужна структура для презентации, аудита или печати? Позвольте пользователям экспортировать всю диаграмму, а не только видимую часть, в PDF или JPEG одним щелчком. Администраторы выбирают, какие форматы предлагать, или полностью отключают экспорт.

Быстрая работа даже в очень крупных организациях
Фотографии и статус присутствия запрашиваются из Microsoft Graph только тогда, когда карточка появляется в области видимости, а свёрнутые ветви не делают запросов вообще. В результате запросов к Graph становится значительно меньше, ограничение скорости (throttling) срабатывает намного реже, а страница быстро открывается даже при десятках тысяч сотрудников.
Данные каталога кэшируются в браузере. Диаграмма показывает, когда она обновлялась в последний раз («Обновлено: 5 минут назад», на языке страницы), и ссылку «Обновить» для загрузки данных по запросу. Если Microsoft Graph недоступен, пользователи видят понятное сообщение об ошибке вместо бесконечного индикатора загрузки.

Как дома в Microsoft Teams — и в тон вашей теме
Добавьте Organizational Chart в Microsoft Teams как личное приложение или вкладку, и сотрудники смогут изучать структуру компании, не выходя из переписки. Те же данные в реальном времени, та же интерактивная навигация — прямо в Teams.
Поскольку область свойств в Teams недоступна, администратор один раз настраивает диаграмму в SharePoint и нажимает «Сохранить текущие настройки как значения по умолчанию для Microsoft Teams» — после этого настройки применяются к приложению Teams во всём тенанте.
Веб-часть также поддерживает варианты тем: она автоматически подстраивается под тему вашего сайта SharePoint, включая цветовой вариант раздела страницы, в котором размещена, и соответствует выбранному режиму в Teams. Диаграмма всегда выглядит как родная часть вашего рабочего пространства — как в светлом, так и в тёмном режиме.

База знаний
Статьи базы знаний о Organizational Chart
Почему сотрудника нет на организационной структуре?
Контрольный список для поиска причин, по которым сотрудник не отображается в Vitextra Organizational Chart: исключение по умолчанию учётных записей без лицензии и с пустой должностью, отключённые учётные записи, гостевые пользователи, незаполненный руководитель в Microsoft Entra ID, отфильтрованные руководители, свёрнутые уровни и 12-часовой кэш данных.
Organizational Chart: краткое руководство для пользователей
Как пользоваться Vitextra Organizational Chart на странице SharePoint или в Microsoft Teams: разворачивать и сворачивать ветви, масштабировать и перемещать схему, находить себя в иерархии, искать коллег, читать индикаторы присутствия, открывать карточку профиля, обновлять данные и экспортировать схему в PDF или JPEG.
Разрешения Microsoft Graph, необходимые для Organizational Chart
Какие разрешения Microsoft Graph API нужны веб-части Vitextra Organizational Chart - Directory.Read.All, User.Read.All и Presence.Read.All, для чего используется каждое из них, как утвердить их в Центре администрирования SharePoint, что происходит при отсутствии разрешения и как устроен доступ пользователей к организационной структуре.
Вопросы клиентов
Ответы на основные вопросы о Organizational Chart
Откуда Organizational Chart берёт структуру подчинённости?
Organizational Chart строит интерактивную организационную диаграмму в реальном времени на основе Microsoft Entra ID через Microsoft Graph API, используя связи «руководитель — непосредственный подчинённый», которые ведутся в вашем каталоге. Отдельного хранилища данных нет — поддерживайте атрибут Руководитель в Entra ID в актуальном состоянии, и диаграмма обновится автоматически. См. страницу продукта.
Какие представления и варианты навигации доступны?
Диаграмму можно показать в виде Дерева или Списка. Пользователи могут увеличивать и уменьшать масштаб, вписывать диаграмму в экран, разворачивать или сворачивать все ветви, искать сотрудников (в том числе по samAccountName или userPrincipalName) и использовать функцию Найти меня, чтобы найти себя и подсветить свою цепочку руководителей. Необязательный значок показывает количество непосредственных подчинённых на каждой карточке, а всю диаграмму можно экспортировать в JPEG или PDF.
Можно ли выбрать, какие атрибуты сотрудников отображаются на карточках?
Да. В панели свойств веб-части вы выбираете атрибуты пользователя для отображения на карточках, применяете критерии фильтрации, чтобы ограничить набор отображаемых учётных записей, выбираете вариант темы и включаете карточку с подробными сведениями о сотруднике и статус присутствия в Teams. В Microsoft Teams текущие настройки можно сохранить как настройки по умолчанию для всего тенанта.
Работает ли она в Microsoft Teams и на мобильных устройствах?
Да. Organizational Chart поддерживает SharePoint Online и Microsoft Teams (как вкладка или приложение), показывает статус присутствия в реальном времени из Microsoft Graph и адаптируется к экранам настольных компьютеров, планшетов и смартфонов. Для обеспечения доступности поддерживается навигация с клавиатуры (Enter/Пробел для разворачивания или сворачивания).
Как она работает в крупных организациях?
Фотографии и сведения о присутствии загружаются из Microsoft Graph отложенно, что сокращает количество вызовов API и позволяет избежать регулирования запросов в крупных тенантах. Веб-часть локализована более чем на 40 языков интерфейса. Это облачный продукт только для SharePoint Online и Microsoft Teams; SharePoint Server не поддерживается. Шаги установки описаны в статье Установка облачного продукта.
Отзывы
Еще нет отзывов
Поддерживаемые языки
Платформы
Последние изменения
- v26.11.0 #
🐛 Исправления
- Исправлены ошибки локализации.
- v26.10.7 #
🚀 Новые возможности
- Управление масштабом — кнопки «Увеличить»/«Уменьшить» с индикатором процентов, а также По размеру экрана и Сбросить вид. Масштабирование колесом теперь работает только с зажатым Ctrl/⌘, поэтому обычная прокрутка страницы больше не перехватывается.
- Развернуть всё / Свернуть всё — разворот или свёртка всего дерева одной кнопкой.
- Найти меня — находит текущего пользователя, разворачивает управленческую цепочку до него, подсвечивает карточку и прокручивает к ней.
- Число подчинённых — опциональный бейдж на карточке с количеством прямых подчинённых.
- Ленивая загрузка фото и статуса присутствия — карточки запрашивают фото и presence из Microsoft Graph только при попадании в область видимости; свёрнутые ветви не делают запросов вовсе — значительно меньше вызовов Graph и троттлинга в крупных организациях.
- Доступность с клавиатуры — элемент разворота/свёртки теперь управляется с клавиатуры (Enter/Space,
aria-expanded). - Сохранить как значение по умолчанию для Microsoft Teams — в персональном приложении/канале Teams панель свойств позволяет сохранить текущие настройки как значение по умолчанию на уровне тенанта (как в Employee Directory).
- v2.3.6 #
🚀 Новые возможности:
- Поиск сотрудников по on-premise атрибутам samAccountName и userPrincipalName
- Улучшения производительности
- Миграция решения на SPFx v.1.15
- v2.3.4 #
🚀 Новые возможности:
- Поиск сотрудников
- Экспорт Оргструктуры в JPEG или PDF
- Улучшение производительнонсти
- Миграция рещения на SPFx v.1.15
🌐 Added Language Support:
- Баскский
- Болгарский (Болгария)
- Греческий (Греция)
- Литовский (Литва)
- Португальский (Португалия)
- Румынский (Румыния)
- Словацкий (Словакия)
- Словенский (Словения)
- Эстонский (Эстония)
- v1.0.9 #
🏁 Первый релиз
Доступен в составе комплектов
Получите этот продукт вместе с другими и сэкономьте.
People & HR Pack
Vitextra 365 All Access
Обзор других приложений
Рекомендуемые приложения
Поделиться
Отправить отзыв
Нам важно ваше мнение! Пожалуйста, поделитесь своим опытом.





