Частично. draw.io позволяет использовать общие названия через заполнители на уровне файла и получать цвета из данных, но документация не подтверждает автоматическую двустороннюю синхронизацию названий, цветов и ссылок между скопированными фигурами на разных страницах.

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

Какой тип синхронизации вам нужен?

Предположим, что три прямоугольника — Node A, Node B и Node C — размещены в широком и вертикальном вариантах. Вы хотите, чтобы названия, цвета заливки и ссылки на целевые страницы каждого узла совпадали, хотя их расположение различается. Это требование включает несколько разных операций:

Требование Документированный способ Ограничение
Изменить расположение существующих фигур Применить макет к текущей диаграмме Переставляет существующие объекты, а не поддерживает параллельные представления
Повторно использовать название на разных страницах Ссылаться на пользовательское свойство файла в подписях Изменять общее свойство; редактирование подписи напрямую — отдельная операция
Окрашивать фигуры в соответствии с их данными Использовать правила стиля на уровне страницы или поддерживаемые заполнители стиля Необходимо поддерживать соответствие данных и применимые правила
Назначить повторяющимся фигурам одну и ту же целевую страницу Задать для них ссылки явно Общая подпись не означает, что цель ссылки тоже общая
Изменить любую копию и распространить все три атрибута В документации по приведённым источникам не описан полный процесс Не считайте дублирование страниц системой автоматической синхронизации

Эти различия следуют из задокументированных областей действия: свойства файла доступны на всех страницах, правила стиля относятся к отдельным страницам, а ссылки хранятся как метаданные фигур. Это позволяет выстроить контролируемый процесс обслуживания, но не доказывает, что отдельные копии становятся одним редактируемым объектом. Общие пользовательские свойства, Изменение стиля фигур с помощью правил стиля, Редактирование метаданных фигур

Используйте один набор фигур, если нужно изменить только расположение

Если одновременно вам нужен только один вариант расположения, оставьте диаграмму в одном экземпляре. Так не придётся поддерживать соответствие между копиями. Настольная версия draw.io работает в macOS, поэтому для этого подхода не нужно переносить задачу в браузер. Работа с draw.io офлайн

Создайте три прямоугольника и соедините Node A с Node B, а затем Node B с Node C. Сначала задайте им нужные подписи, цвета и ссылки, а потом экспериментируйте с расположением. Затем используйте документированную команду макета:

  1. Откройте Arrange > Layout.
  2. Выберите подходящий макет, например горизонтальную или вертикальную схему потока.
  3. Настройте параметры и нажмите Apply.
  4. Проверьте результат. Нажмите Cmd+Z, чтобы отменить неподходящее расположение.

Макеты работают с существующими фигурами и используют связи между ними для расчёта расположения. В актуальной документации по макетам также различаются маршрутизация только соединителей и макеты, которые перемещают фигуры. Таким образом, перестановка тех же объектов — поддерживаемый способ изменить представление без создания дополнительного набора свойств, который пришлось бы сверять. Быстрая организация диаграмм с помощью макетов

Есть одно важное ограничение: последовательное применение макетов не переключает между сохранёнными представлениями. Согласно документации, макеты рассчитываются на основе текущего состояния диаграммы, поэтому повторное применение другого макета не гарантирует точного восстановления прежней структуры. Если нужно сохранить точные, отдельно редактируемые варианты расположения, используйте разные страницы и описанный ниже способ обслуживания. Применение макетов для перестановки диаграммы

Используйте общие названия узлов на страницах с независимым расположением

Чтобы одновременно поддерживать широкую и вертикальную версии, оставьте обе страницы в одном файле. Начните со страницы Wide; позже дублируйте её и назовите копию Tall. В документированном меню страницы есть команды Duplicate Page и Rename Page. Дублирование создаёт исходный вариант расположения; общие подписи нужно настроить явно. Добавление нескольких страниц в диаграммы

Задайте названия на уровне файла

Откройте File > Properties, нажмите Edit Data и добавьте следующие примеры свойств:

Свойство Значение
nodeAName Node A
nodeBName Node B
nodeCName Node C

Добавьте каждую запись с помощью Add Property, затем нажмите Apply. Свойства файла доступны на каждой странице. Если нажать Edit Data, когда ничего не выбрано, задаются свойства текущей страницы. Это различие определяет, можно ли использовать общие названия в разных макетах. Общие пользовательские свойства

Свяжите подписи с этими названиями

На первом прямоугольнике нажмите Cmd+M, включите Placeholders и нажмите Apply. Задайте ему подпись %nodeAName%. На остальных прямоугольниках повторите эти действия с %nodeBName% и %nodeCName%. Включение заполнителей и заключение имени свойства между знаками процента — документированный способ настроить подпись. Работа с заполнителями в подписях и всплывающих подсказках

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

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

Сохраняйте единообразие цветов, не считая копии связанными

Для небольшой диаграммы часто достаточно явно обновить стиль. Задайте стиль одного прямоугольника, нажмите Copy Style на вкладке Style, выберите соответствующий прямоугольник на другой странице и нажмите Paste Style. Форматирование применится при выполнении команды; после последующих изменений её нужно повторить. Стили фигур и соединителей необходимо копировать отдельно. Копирование и вставка стилей фигур и соединителей

Если нужно изменить только заливку, используйте на целевой фигуре элемент управления цветом Fill. Копирование всего стиля может изменить больше параметров форматирования, чем нужно для смены цвета. Изменение стиля фигур

Используйте правила страниц для единообразного выбора цветов

Для нескольких повторяющихся узлов задайте пример соглашения: все варианты Node A синие. Добавьте к каждой соответствующей фигуре пользовательское свойство с именем nodeKey и значением A, используя Cmd+M и Add Property. Пользовательские свойства поддерживаются для фигур и соединителей. Редактирование метаданных фигур

Настройте правило на каждой странице с макетом:

  1. Откройте File > Page Setup, а затем Advanced.
  2. Нажмите Edit рядом с Style Rules, затем Add Rule.
  3. Укажите свойство nodeKey, оператор сравнения = и значение A.
  4. Выберите Fill Color, укажите синий цвет и подтвердите выбор с помощью OK.

Правило задаёт стиль для совпадающих фигур на этой странице. Каждая страница имеет собственные правила, а для скопированных на неё фигур применяются правила целевой страницы. Повторите настройку для Tall; позднее изменения соглашения потребуют обновить правила на обеих страницах. Пока действует правило, изменить задаваемый им стиль через обычный элемент управления форматированием нельзя. Изменение стиля фигур с помощью правил стиля

Актуальная документация также описывает динамические значения цветов с помощью stylePlaceholders=1, в том числе фрагмент стиля fillColor=%color%;stylePlaceholders=1;. Это подтверждает, что цвета могут зависеть от данных, но не устанавливает синхронизацию всей скопированной фигуры, включая её ссылку. Считайте этот вариант более сложной альтернативой явной заливке или правилам страниц. Справочник по стилям для генерации диаграмм с помощью ИИ

Задайте ссылки отдельно и проверьте их цели

Добавьте третью страницу с названием Details. На прямоугольнике Node A каждой версии щёлкните правой кнопкой мыши, выберите Edit Link, укажите Details в списке страниц и нажмите Apply. Так для обоих прямоугольников будет задана одна и та же явная цель. В документации по страницам также говорится, что при переименовании целевой страницы имя в ссылке обновляется автоматически. Добавление нескольких страниц в диаграммы

Одного общего названия недостаточно, чтобы считать цели ссылок одинаковыми. Документированное свойство link относится к метаданным фигуры, поэтому при изменении целевой страницы проверяйте оба прямоугольника. Редактирование метаданных фигур

Для пользовательских ссылок-действий draw.io позволяет копировать список действий или все метаданные ячейки. Последний способ использует Edit > Copy Data и Edit > Paste Data на вкладке Style; он также копирует другие метаданные, например теги, всплывающие подсказки и заполнители. Используйте эту операцию только для целей, которым требуется один и тот же набор метаданных. Копирование пользовательских ссылок и метаданных ячеек

Проверьте результат, прежде чем добавлять другие макеты

Проведите эту небольшую приёмочную проверку для синтетической диаграммы. Она поможет отличить общие значения от свойств, которые всё ещё требуют целенаправленного обслуживания:

Проверка Ожидаемый результат
Измените свойство файла nodeAName на Node A Revised Обе подписи с заполнителем отображают новое название
Переместите прямоугольник на Tall Независимый вариант расположения по-прежнему пригоден к использованию
Примените синее соглашение на обеих страницах Заливка соответствующих прямоугольников станет выбранного цвета
Проверьте ссылку каждого прямоугольника Обе ведут на Details
Измените целевую страницу Каждую нужную ссылку явно обновили и проверили

Если подпись отображается как %nodeAName%, проверьте, включён ли параметр Placeholders и правильно ли указано имя свойства. Если неожиданное значение отображается только в одной подписи, проверьте свойства фигуры, её родительских объектов и страницы на наличие переопределяющего значения. Это документированные способы устранения неполадок с заполнителями и областями действия свойств. Работа с заполнителями в подписях и всплывающих подсказках, Общие пользовательские свойства

Не используйте вместо этого процесса для Mac настольный сценарий обновления из электронной таблицы. В актуальной документации по источникам данных прямо сказано, что в настольной версии draw.io нельзя загружать источники данных. Также указано, что обновление выполняется вручную, а ссылки, переданные через директиву # link шаблона, не используются. Поэтому эта функция не обеспечивает требуемую синхронизацию в настольной версии. Заполнение и создание фигур из Google Sheets и файлов CSV

Для работы с одним вариантом расположения оставьте один набор фигур и переставляйте его. Если нужно сохранять несколько макетов, используйте общие свойства названий, явное соглашение о цветах и ссылки, которые нужно поддерживать отдельно. Так получится практичный, проверяемый результат с понятными ограничениями: документация не подтверждает, что скопированные фигуры автоматически синхронизируют все три атрибута при изменении любой копии.

Источники