--- title: "Интерактивная веб-часть организационной диаграммы для SharePoint Online и Microsoft Teams" description: "Настраиваемая организационная диаграмма с данными из Microsoft Entra ID в реальном времени, масштабированием и поиском, карточками сотрудников, статусом присутствия, экспортом в PDF/JPEG и интеграцией с Microsoft Teams." url: https://vitextra.com/ru/products/org-chart language: ru published: 2021-05-23 modified: 2026-10-23 products: - "Organizational Chart" --- # 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/Пробел) и озвучиваются программами экранного доступа. ![Vitextra Organizational Chart. Горизонтальное и вертикальное представления](https://static.vitextra.com/products/org-chart-layouts-ru.png) ### Показывайте именно те атрибуты, которые нужны Определите, какие атрибуты сотрудников отображать на каждой карточке: имя, должность, отдел, офис, e-mail, телефон, город, страну или любое другое свойство, доступное в Microsoft Entra ID. Выберите до трёх строк (заголовок, вторая и третья) и один из четырёх размеров карточки — от компактной карточки с аватаром и именем до крупной карточки с большим фото. Простые настройки позволяют адаптировать каждую диаграмму под её аудиторию без единой строки кода. Включите **счётчик подчинённых**, чтобы на карточке каждого руководителя отображался небольшой значок с числом прямых подчинённых — быстрый способ оценить норму управляемости. ![Vitextra Organizational Chart. Атрибуты карточки и счётчик подчинённых](https://static.vitextra.com/products/org-chart-cards-ru.png) ### Вся компания или команда одного руководителя В режиме **«Вся компания»** диаграмма строится от вершины иерархии. В режиме **«Сотрудники, подчиняющиеся конкретному пользователю»** вы выбираете человека, и диаграмма показывает только его и всех, кто ниже, — сайт отдела показывает структуру именно этого отдела, сайт проекта — команду руководителя проекта. Размещайте на разных страницах несколько веб-частей с разными стартовыми сотрудниками, и каждая диаграмма останется синхронизированной с Microsoft Entra ID. ![Vitextra Organizational Chart. Режим диаграммы и стартовый сотрудник](https://static.vitextra.com/products/org-chart-mode-ru.png) ### Сфокусируйте диаграмму с помощью фильтрации данных Критерии фильтрации позволяют отображать именно ту часть организации, которой посвящена страница. Стройте условия по любому доступному атрибуту — с операторами «равно», «содержит», «начинается с», «содержит данные» и др. — и объединяйте их группами И/ИЛИ в визуальном редакторе фильтров. Поддерживайте чистоту диаграммы с помощью исключений в один щелчок: из неё убираются **сотрудники без лицензий**, сотрудники с **пустым отделом** и с **пустой должностью** (как правило, служебные учётные записи и общие почтовые ящики). Отключённые учётные записи не отображаются никогда. Фильтрация применяется на уровне данных через запросы Microsoft Graph, поэтому диаграмма остаётся быстрой и отзывчивой даже в крупных организациях. ![Vitextra Organizational Chart. Фильтрация данных и исключения](https://static.vitextra.com/products/org-chart-filtering-ru.png) ### Удобная навигация по большим структурам Встроенная панель инструментов делает управляемой даже очень крупную организацию: **«Развернуть все»** и **«Свернуть все»** раскрывают или сворачивают всё дерево сразу; **«Увеличить» / «Уменьшить»** с индикатором масштаба в процентах, **«По размеру экрана»** подгоняет всё дерево под ширину контейнера, **«Сбросить вид»** возвращает масштаб 100 % (кнопки масштаба доступны в горизонтальном представлении). Масштабирование колесом мыши работает при нажатой клавише Ctrl (⌘ на Mac), поэтому обычная прокрутка страницы никогда не перехватывается, а диаграмму можно безопасно разместить посреди длинной страницы интранета. Для перемещения по диаграмме её можно перетаскивать. ![Vitextra Organizational Chart. Масштаб и панель навигации](https://static.vitextra.com/products/org-chart-navigation-ru.png) ### «Найти меня» — где я в структуре компании? Один щелчок по **«Найти меня»** находит текущего пользователя на диаграмме: веб-часть разворачивает всех руководителей по цепочке до этого человека, подсвечивает его карточку и прокручивает к ней. Новые сотрудники сразу видят своё место, а руководители — свою команду в контексте. ![Vitextra Organizational Chart. Найти меня](https://static.vitextra.com/products/org-chart-findme.png) ### Поиск по диаграмме Включите поле поиска, чтобы сотрудники могли находить коллег по имени, должности, отделу, e-mail, телефону, местоположению и другим загруженным полям. Диаграмма сужается до подходящих сотрудников вместе с цепочкой их руководителей, а совпадения подсвечиваются; очистите запрос, чтобы вернуться к полной структуре. ![Vitextra Organizational Chart. Поиск сотрудников](https://static.vitextra.com/products/org-chart-search-ru.png) ### Карточка профиля сотрудника с первого взгляда Наведите курсор на человека на диаграмме или выберите его — откроется привычная карточка профиля Microsoft 365 с фотографией, контактной информацией, должностью и местом в организации, а также быстрыми действиями: написать письмо, позвонить или начать чат. Коллеги получают весь необходимый контекст для связи — не покидая страницу и не обращаясь к отдельному справочнику. ![Vitextra Organizational Chart. Карточка профиля сотрудника](https://static.vitextra.com/products/org-chart-card-ru.png) ### Статус присутствия в реальном времени Убедитесь, что коллега доступен, прежде чем обращаться к нему. Диаграмма показывает статус присутствия каждого сотрудника в ::Microsoft Teams:: — доступен, занят, не беспокоить, на совещании, в звонке, отошёл, нет на месте или не в сети — в реальном времени из Microsoft 365. Небольшая деталь, которая имеет большое значение для распределённых и гибридных команд: люди связываются друг с другом в подходящий момент, а число ненужных прерываний снижается. ![Vitextra Organizational Chart. Статус присутствия](https://static.vitextra.com/products/org-chart-presence-ru.png) ### Экспорт всей диаграммы в PDF или JPEG Нужна структура для презентации, аудита или печати? Позвольте пользователям одним щелчком экспортировать **всю диаграмму** — а не только видимую часть — в **PDF** или **JPEG**. Администратор выбирает, какие форматы доступны, или полностью отключает экспорт. ![Vitextra Organizational Chart. Экспорт в PDF и JPEG](https://static.vitextra.com/products/org-chart-export-ru.png) ### Быстрая работа даже в очень крупных организациях Фото и статус присутствия запрашиваются из Microsoft Graph только тогда, когда карточка попадает в область видимости, а свёрнутые ветви не делают запросов вовсе. В результате — значительно меньше вызовов Graph, меньше троттлинга и быстро открывающаяся страница даже при десятках тысяч сотрудников. Данные каталога кешируются в браузере. Диаграмма показывает, когда она обновлялась в последний раз («Последнее обновление: 5 минут назад» — на языке страницы), и ссылку **«Обновить»** для загрузки данных по требованию. Если Microsoft Graph недоступен, пользователь видит понятное сообщение об ошибке, а не бесконечный спиннер. ![Vitextra Organizational Chart. Последнее обновление и обновление данных](https://static.vitextra.com/products/org-chart-performance-ru.png) ### Как дома в Microsoft Teams — и в вашей теме оформления Добавьте Organizational Chart в Microsoft Teams как персональное приложение или вкладку, и сотрудники смогут изучать структуру компании, не покидая своих бесед. Те же данные в реальном времени, та же интерактивная навигация — прямо внутри Teams. Поскольку панель свойств внутри Teams недоступна, администратор один раз настраивает диаграмму в SharePoint и нажимает **«Сохранить текущие настройки как значения по умолчанию для Microsoft Teams»** — после этого настройки применяются к приложению Teams во всём тенанте. Веб-часть также поддерживает варианты тем: она автоматически подстраивается под тему вашего сайта SharePoint, включая цветовой вариант секции страницы, в которой размещена, и соответствует выбранному режиму в Teams. Диаграмма всегда выглядит как органичная часть вашего рабочего пространства — и в светлом, и в тёмном режиме. ![Vitextra Organizational Chart. Интеграция с Microsoft Teams и варианты тем](https://static.vitextra.com/products/org-chart-teams-ru.png) ## Цены - Месячная подписка: $29 USD в месяц - Годовая подписка: $299 USD / год ## Платформы - SharePoint Online - Microsoft Teams ## Поддерживаемые языки: 33 العربية (المملكة العربية السعودية), euskara (euskara), български (България), 中文(中国), čeština (Česko), dansk (Danmark), Nederlands (Nederland), English, eesti (Eesti), suomi (Suomi), français (France), galego (galego), Deutsch, Ελληνικά (Ελλάδα), italiano (Italia), 日本語 (日本), қазақ тілі (Қазақстан), 한국어(대한민국), latviešu (Latvija), lietuvių (Lietuva), norsk bokmål (Norge), polski (Polska), português (Brasil), português (Portugal), română (România), русский, slovenčina (Slovensko), slovenščina (Slovenija), español (España, alfabetización internacional), svenska (Sverige), ไทย (ไทย), Türkçe (Türkiye), українська (Україна) ## Последняя версия - v26.10.7 (2026-10-11) — [Скачивание](https://vitextra.blob.core.windows.net/downloads/Vitextra.OrganizationalChart.2026Q4.zip) - [Журнал изменений](https://vitextra.com/ru/products/org-chart/changelog) ([RSS](https://vitextra.com/ru/rss/changelog)) ## Ответы на Вопросы ### Откуда Organizational Chart берёт структуру подчинённости? Organizational Chart строит интерактивную организационную диаграмму в реальном времени на основе **Microsoft Entra ID** через Microsoft Graph API, используя связи «руководитель — непосредственный подчинённый», которые ведутся в вашем каталоге. Отдельного хранилища данных нет — поддерживайте атрибут *Руководитель* в Entra ID в актуальном состоянии, и диаграмма обновится автоматически. См. [страницу продукта](https://vitextra.com/ru/products/org-chart). ### Какие представления и варианты навигации доступны? Диаграмму можно показать в виде **Дерева** или **Списка**. Пользователи могут увеличивать и уменьшать масштаб, вписывать диаграмму в экран, разворачивать или сворачивать все ветви, искать сотрудников (в том числе по 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 не поддерживается. Шаги установки описаны в статье [Установка облачного продукта](https://vitextra.com/ru/support/kb/10035). ## База знаний - [Разрешения Microsoft Graph, необходимые для Organizational Chart](https://vitextra.com/ru/support/kb/10235) ([Markdown](https://vitextra.com/ru/support/kb/10235.md)) - [Как добавить и настроить веб-часть Organizational Chart](https://vitextra.com/ru/support/kb/10233) ([Markdown](https://vitextra.com/ru/support/kb/10233.md)) - [Почему сотрудника нет на организационной структуре?](https://vitextra.com/ru/support/kb/10236) ([Markdown](https://vitextra.com/ru/support/kb/10236.md)) - [Organizational Chart: краткое руководство для пользователей](https://vitextra.com/ru/support/kb/10234) ([Markdown](https://vitextra.com/ru/support/kb/10234.md)) - [Organizational Chart. Обзор решения](https://vitextra.com/ru/support/kb/10232) ([Markdown](https://vitextra.com/ru/support/kb/10232.md)) [База знаний](https://vitextra.com/ru/products/org-chart/articles)