Разработка макетов холстов для экранов разного размера

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

Темы:

Разработка макетов холста для отображения на устройствах с экранами разного размера

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

Оптимизация макетов холстов для экранов разного размера

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

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

Автор может создать точки останова холста таким образом, чтобы при уменьшении размера экрана холста визуализация менялась в соответствии с новым размером экрана. Например, если доступный размер экрана слишком мал для полного отображения визуализации, можно изменить расположение или скрыть визуализацию, чтобы она лучше смотрелась при меньшем размере экрана. Можно задать различные размеры и макеты экрана холста используя точки останова холста, где каждая точка останова – это различное расположение визуализаций, отображаемых для каждого размера экрана.

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

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

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

Разработка макетов холстов для просмотра на разных устройствах

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

Значок руководства Руководство

  1. На главной странице наведите курсор на рабочую книгу, нажмите Действия и выберите Открыть.
  2. Нажмите Редактировать, чтобы отобразить рабочую книгу для редактирования.
  3. Разверните холст до максимального размера, в разделе Свойства холста установите для параметра Макет значение "Авторегулировка" и нажмите OK.
  4. В нижнем колонтитуле нажмите на Адаптивный редактор холста, чтобы открыть редактор, в котором можно задать точки останова для просмотра холста на разных устройствах.
    Адаптивный редактор холста

  5. Установка точки останова холста
    • Добавление точки останова в текущей позиции ползунка. С помощью ползунка установите в пикселях значение размера экрана, который нужно использовать для этой точки останова,
      С помощью ползунка установите требуемую ширину в пикселях.

      затем нажмите Добавить точку останова Нажмите на значок "Добавить точку останова", чтобы добавить точку останова для текущего положения ползунка, чтобы добавить точку останова для текущего положения ползунка.
    • Ввод значения точки останова вручную. Нажмите Открыть меню адаптивного редактора холста, затем Добавить точку останова и введите число в поле Положение, указав, где необходимо установить эту точку останова.
      Введите положение вручную, чтобы добавить точку останова

  6. Повторите предыдущий шаг, чтобы определить дополнительные точки останова холста.
  7. Включите или исключите визуализации для каждой точки останова холста:
    • Нажмите правой кнопкой мыши на точку останова холста, которую необходимо изменить (Точка останова холста и ее маркер), и выберите Управление точкой останова.
      Включайте или исключайте визуализации для этой точки останова холста с помощью диалогового окна "Управление точкой останова".

    • Нажмите на визуализацию в списке, чтобы исключить или включить ее на холст для этой точки останова холста, затем нажмите OK.
      Включайте или исключайте визуализации и фильтры инфопанели для этой точки останова холста с помощью диалогового окна "Управление точкой останова".

  8. Необязательно: Создайте визуализацию и добавьте ее к точке останова, выбрав данные на панели "Данные" и добавив их на холст.
    Новая визуализация добавляется только к текущей точке останова, однако ее можно добавить к другим точкам останова на холсте, выбрав визуализацию в списке в диалоговом окне "Управление точкой останова" для этой точки останова.
  9. Необязательно: Оптимизируйте отображение визуализаций для точки останова холста.
    Можно оптимизировать контент для отображения на небольших устройствах, например смартфонах.
    • Изменение расположения визуализаций. Нажмите и перетащите визуализации в новое место.
    • Оптимизация визуализаций. Используйте панель свойств, чтобы скрыть ненужное содержимое, например заголовок или легенду.
    При оптимизации визуализации для точки останова эти изменения не распространяются на другие точки останова на холсте.
  10. Нажмите Сохранить.