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

Контейнеры макета позволяют добавлятьвизуализации в ограниченном пространстве. Также визуализации контейнера макета можно отображать и скрывать на основании условий. Макетный контейнер входит в состав Dashboard bundle. Для получения дополнительной информации см. [Dashboard bundle](https://help.qlik.com/ru-RU/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/DashboardBundle/dashboard-bundle.htm).

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

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

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

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

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

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

Примечание к подсказке

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

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

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

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

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

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

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

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

   * Щелкните и перетащите углы или края диаграммы.
   * В свойствах укажите ширину и высоту диаграммы в процентах.

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

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

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

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

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

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

8. Чтобы настроить диаграмму со всеми свойствами, доступными для этого вида диаграммы, щелкните Edit properties.

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

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

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

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

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

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

   См. [if Функция скрипта и диаграммы](https://help.qlik.com/ru-RU/cloud-services/Subsystems/Hub/Content/Sense_Hub/Scripting/ConditionalFunctions/if.htm).

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

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

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

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

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

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

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

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

2. Выберите Вид &gt; Представление и щелкните the Стиль icon.

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

   * Заголовок

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

   * Сноска

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

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

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

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

2. Выберите Вид &gt; Представление и щелкните the Стиль icon .

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

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

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

   Для получения дополнительной информации см. раздел [Создание записи CSP](https://help.qlik.com/ru-RU/cloud-services/Subsystems/Hub/Content/Sense_Hub/Admin/mc-administer-content-security-policy.htm#AddEntry).

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

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

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

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

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

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

2. Выберите Вид &gt; Представление и щелкните the Стиль icon.

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

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

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

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