Organizational Chart
Интерактивная веб-часть организационной диаграммы для SharePoint Online и Microsoft Teams с данными из Microsoft Entra ID в реальном времени, масштабированием, поиском, статусом присутствия и экспортом.
- окт. 2026
- v26.10.7
- Поддерживаемые языки
- 33
Веб-часть 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, меньше троттлинга и быстро открывающаяся страница даже при десятках тысяч сотрудников.
Данные каталога кешируются в браузере. Диаграмма показывает, когда она обновлялась в последний раз («Последнее обновление: 5 минут назад» — на языке страницы), и ссылку «Обновить» для загрузки данных по требованию. Если Microsoft Graph недоступен, пользователь видит понятное сообщение об ошибке, а не бесконечный спиннер.
Как дома в Microsoft Teams — и в вашей теме оформления
Добавьте Organizational Chart в Microsoft Teams как персональное приложение или вкладку, и сотрудники смогут изучать структуру компании, не покидая своих бесед. Те же данные в реальном времени, та же интерактивная навигация — прямо внутри Teams.
Поскольку панель свойств внутри Teams недоступна, администратор один раз настраивает диаграмму в SharePoint и нажимает «Сохранить текущие настройки как значения по умолчанию для Microsoft Teams» — после этого настройки применяются к приложению Teams во всём тенанте.
Веб-часть также поддерживает варианты тем: она автоматически подстраивается под тему вашего сайта SharePoint, включая цветовой вариант секции страницы, в которой размещена, и соответствует выбранному режиму в Teams. Диаграмма всегда выглядит как органичная часть вашего рабочего пространства — и в светлом, и в тёмном режиме.
База знаний
Статьи базы знаний о Organizational Chart
Organizational Chart. Обзор решения
Vitextra Organizational Chart — веб-часть для SharePoint Online и Microsoft Teams, которая строит интерактивную организационную структуру компании на основе данных Microsoft Entra ID. Узнайте, как это работает: автоматическое построение структуры по атрибуту «руководитель», два режима диаграммы, горизонтальное и вертикальное расположение, карточки сотрудников с фото и статусом присутствия, поиск, фильтрация, экспорт в PDF и JPEG и интеграция с Teams.
Разрешения Microsoft Graph, необходимые для Organizational Chart
Какие разрешения Microsoft Graph API нужны веб-части Vitextra Organizational Chart — Directory.Read.All, User.Read.All и Presence.Read.All, для чего используется каждое из них, как утвердить их в Центре администрирования SharePoint, что происходит при отсутствии разрешения и как устроен доступ пользователей к организационной структуре.
Organizational Chart: краткое руководство для пользователей
Как пользоваться Vitextra Organizational Chart на странице SharePoint или в Microsoft Teams: разворачивать и сворачивать ветви, масштабировать и перемещать схему, находить себя в иерархии, искать коллег, читать индикаторы присутствия, открывать карточку профиля, обновлять данные и экспортировать схему в PDF или JPEG.
Ответы на Вопросы
Ответы на основные вопросы о 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.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 #
🏁 Первый релиз
Обзор других приложений
Рекомендуемые приложения
Поделиться
Отправить отзыв
Мы хотели бы услышать Вас! Пожалуйста, найдите время, чтобы сообщить нам о вашем опыте.