Создание макетных контейнеров

Контейнеры макета позволяют добавлятьвизуализации в ограниченном пространстве. Также визуализации контейнера макета можно отображать и скрывать на основании условий. Макетный контейнер входит в состав Dashboard bundle. Для получения дополнительной информации см. Dashboard bundle.

Контейнер можно создать на редактируемом листе.

Выполните следующие действия.

1. На панели ресурсов откройте Диаграммы.

2. В разделе Объекты панели мониторинга перетащите Контейнер макета на лист.

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

Добавление диаграмм в контейнер макета

Выполните следующие действия.

1. Выберите контейнер макета

2. На панели свойств щелкните Add (Добавить) в разделе Content (Содержимое).

   Или щелкните Add content в контейнере макета.

3. Выберите визуализацию в Charts.

4. Щелкните Add dimension и Add measure, чтобы добавить данные в диаграмму.

5. Чтобы изменить размер диаграммы, выполните одно из следующих действий.
   • Щелкните и перетащите углы или края диаграммы.
   • В свойствах укажите ширину и высоту диаграммы в процентах.

6. Чтобы изменить положение диаграммы, выполните одно из следующих действий.

   • Щелкните и перетащите диаграмму на нужное место.

   • В свойствах укажите положение на осях x и y диаграммы в процентах.

   Чтобы отобразить линии сетки для макета, в свойствах выберите Представление > Стиль и включите параметр Показать линии сетки. Также можно задать количество строк и столбцов в сетке и привязывать визуализации к линиям сетки.

   Чтобы диаграммы находились в границах контейнера макета, выберите Представление > Стиль и включите параметр Держать диаграммы в пределах границ.

7. Чтобы изменить порядок слоев визуализаций в контейнере макета, правой кнопкой щелкните визуализацию в контейнере, установите флажок Переупорядочить слои диаграммы и выберите перенос визуализации вперед или назад. Также можно щелкнуть и перетащить визуализации на панели свойств.
8. Чтобы настроить диаграмму со всеми свойствами, доступными для этого вида диаграммы, щелкните Edit properties.
9. Повторите эти действия для дополнительных диаграмм, которые требуется добавить в контейнер макета.

Добавление условий отображения

На созданных вкладках можно добавить условия отображения.

Выполните следующие действия.

1. В разделе панели свойств Content (Содержимое) щелкните диаграмму, для которой необходимо добавить условие отображения.

2. Добавьте условие отображения диаграммы в Show condition. Как правило, для этого используется функция If().

   См. if Функция скрипта и диаграммы.

3. Добавьте другое условие отображения для другой диаграммы.

   В зависимости от результата добавленного условия диаграммы будут отображаться или скрываться. Если значение условия диаграммы дает True, диаграмма будет отображена, если значение является False, диаграмма будет скрыта.

Настройка текста

Можно настроить текст для заголовка, подзаголовка и сноски на вкладке Вид > Общие. Чтобы скрыть эти элементы, выключите параметр Показать заголовки.

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

Можно настроить стиль текста, который отображается на диаграмме.

Выполните следующие действия.

1. На панели свойств разверните раздел Вид.

2. Выберите Вид > Представление и щелкните Стиль.

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

   • Заголовок

   • Подзаголовок

   • Сноска

Настройка фона

Можно настроить фон диаграммы. В качестве фона можно использовать цвет или изображение.

Выполните следующие действия.

1. На панели свойств разверните раздел Вид.

2. Выберите Вид > Представление и щелкните Стиль.

3. На вкладке Общие панели стиля выберите цвет фона (основной цвет или выражение). Также можно выбрать фоновое изображение из библиотеки медиафайлов или указать URL-адрес изображения.

   Примечание к информации

   Чтобы добавить фоновое изображение из URL-адреса, источник URL-адреса необходимо добавить в список разрешенных в политике безопасности содержимого клиента. Источник должен быть добавлен на основе следующей директивы: img-src. Это действие выполняет администратор клиента.

   Для получения дополнительной информации см. Создание записи CSP.

   При использовании цвета фона настройте непрозрачность фона с помощью ползунка.

   При использовании фонового изображения можно настроить размер и расположение изображения.

Пользовательская настройка границы и тени

Можно настроить границу и тень диаграммы.

Выполните следующие действия.

1. На панели свойств разверните раздел Вид.

2. Выберите Вид > Представление и щелкните Стиль.

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

4. Выберите цвет границы.

5. Настройте параметр Радиус закругления, чтобы управлять скруглением рамки.

6. В области Тень на вкладке Общие выберите размер и цвет тени. Выберите Нет, чтобы убрать тень.