Стилизация прямой таблицы | Qlik Cloud Справка
Перейти к основному содержимому Перейти к дополнительному содержимому

Стилизация прямой таблицы

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

Для получения информации о настройке других аспектов внешнего вида прямой таблицы см. Настройка внешнего вида и навигации прямой таблицы.

Для получения общей информации о стилизации отдельной визуализации см. Применение пользовательского стиля к визуализации.

Стилизация текста

Прямая таблица — это текстовая визуализация, поэтому текст можно стилизовать множеством различных способов:

Стилизация текста на уровне диаграммы

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

  2. В разделе ВидПредставление нажмите ПалитраСтилизация.

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

    • Заголовок

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

    • Сноска

  4. На вкладке Диаграмма задайте шрифт, стиль выделения, размер шрифта и цвет для следующих текстовых элементов:

    • Заголовок: стилизация текста заголовков для измерений и мер.

    • Значения измерения: стилизация текста значений измерения.

    • Значения меры: стилизация текста значений меры.

    • Итоги: стилизация текста итогов, если вы выбрали отображение строки Итоги в разделе Вид > Представление.

    • Промежуточные итоги: стилизация текста строк промежуточных итогов.

    • Нулевые значения: стилизация текста нулевых значений. Можно изменить стиль выделения и цвет.

    • Чередование строк: при включении этой настройки можно задать чередующийся цвет текста для строк. См. Применение чередования строк.

Настройка стиля текста на уровне столбцов и ячеек

Выделенный текст

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

Чтобы настроить стиль, можно использовать следующий синтаксис в выражении (для букв в теге не учитывается регистр):

  • <B>: полужирный

  • <I>: курсивный

  • <U>: подчеркнутый

  • <S>: перечеркнутый

Одновременно можно применить несколько их перечисленных выше вариантов.

Примеры:  

if(avg(Sales) > 300, '<B>')
if(count(OrderID) = 0, '<S>')
if(sum(Sales) > 100000, '<B><U>', '<I>')
  1. В области Данные выберите столбец и откройте раздел Представление в свойствах.

  2. В поле Выражение стиля текста: введите выражение. Щелкните элемент Открыть редактор выражения, чтобы открыть редактор выражения.

Цвет текста

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

  1. В области Данные выберите столбец и откройте раздел Представление в свойствах.

  2. Чтобы задать цвет текста ячейки заголовка, в разделе Заголовок, в разделе Выражение для цвета текста, введите выражение. Щелкните элемент Открыть редактор выражения, чтобы открыть редактор выражения.

  3. Чтобы задать цвет текста ячейки содержимого, в разделе Содержимое, в разделе Выражение для цвета текста, введите выражение. Щелкните элемент Открыть редактор выражения, чтобы открыть редактор выражения.

Выравнивание текста и ширина столбца

  1. В области Данные выберите столбец и откройте раздел Представление в свойствах.

  2. Используйте ползунок, чтобы выбрать параметр функции Выравнивание текста. С помощью параметра выравнивания текста Пользовательский можно выбрать выравнивание по левому краю, по центру или по правому краю.

    Примечание к информацииЕсли для параметра Выравнивания текста установлено значение Авто, выравнивание данных столбцов выполняется по типу данных: текстовые значения выравниваются по левому краю, а числовые значения, включая значения, связанные с датами, по правому краю. Если установлено значение Пользовательский, можно выровнять данные по левому краю, по центру или по правому краю.
  3. Выберите значение для параметра Ширина столбца. Вы можно выбрать один из следующих вариантов:

  • Авто

  • По содержимому

  • Пиксели

  • Процентное значение

Стилизация текста на уровне строк

Для стилизации текста доступны настройки на уровне строк:

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

Фон можно стилизовать на различных уровнях:

Стилизация фона на уровне диаграммы

Можно настроить фон диаграммы. Фон можно задать с помощью цвета и изображения.

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

  2. В разделе ВидПредставление нажмите ПалитраСтилизация.

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

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

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

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

    При использовании цвета фона используйте ползунок для настройки непрозрачности фона. Заголовок диаграммы всегда отображается со 100% непрозрачностью.

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

  4. На вкладке Диаграмма настройте цвет фона для следующих элементов:

    • Заголовок (используется 100% непрозрачность)

    • Значения измерения

    • Значения меры

    • Метки меры

    • Итоги (используется 100% непрозрачность)

    • Промежуточные итоги (используется 100% непрозрачность)

    • Нулевые значения

    • Чередование строк (см. Применение чередования строк)

Стилизация фона на уровне столбцов и ячеек

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

  1. В разделе Данные выберите столбец и откройте Представление в свойствах.

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

  3. Чтобы раскрасить фон ячеек содержимого столбца, в разделе Содержимое, в поле Выражение цвета фона введите выражение. Нажмите Открыть редактор выражения, чтобы открыть редактор выражения.

Стилизация фона на уровне строк

Для определения цвета фона доступны настройки на уровне строк:

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

Можно настроить сетку таблицы.

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

  2. В разделе ВидПредставление нажмите ПалитраСтилизация.

  3. На вкладке Диаграмма настройте сетку с помощью следующих элементов:

    • Высота строки: задайте высоту строк в линиях.

    • Граница: задайте цвет границ ячеек.

    • Разделитель: задайте цвет разделителя, который разделяет заголовок и тело таблицы.

Настройка поведения при наведении

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

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

  2. В разделе ВидПредставление нажмите ПалитраСтилизация.

  3. На вкладке Диаграмма панели стилизации в разделе Наведение на строку настройте следующие параметры:

    • Чтобы выделять строки в таблице при наведении на них курсора, установите переключатель в положение Вкл.. Отключите это поведение в соответствии с предпочтениями.

    • Цвет при наведении на строку: задайте цвет для выделения строки при наведении на нее курсора.

    • Цвет шрифта при наведении на строку: задайте цвет текста в выделенной строке при наведении на нее курсора.

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

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

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

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

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

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

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

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

Применение чередования строк

С помощью чередования строк можно добавить чередующиеся цвета строк в прямую таблицу. Чередование строк улучшает читаемость за счет увеличения контраста между нечетными и четными строками.

Можно задать цвет текста и фона для нечетных и четных строк.

video thumbnail

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

  2. В разделе ВидПредставление нажмите ПалитраСтилизация.

  3. На вкладке Диаграмма панели стилизации установите для параметра Чередование строк значение Вкл..

  4. Настройте следующие параметры:

    • Цвет (нечетная строка): задайте цвет текста нечетных строк.

    • Фон (нечетная строка): задайте цвет фона нечетных строк.

    • Цвет (четная строка): задайте цвет текста четных строк.

    • Фон (четная строка): задайте цвет фона четных строк.

Помогла ли вам эта страница?

Если вы обнаружили какую-либо проблему на этой странице или с ее содержанием — будь то опечатка, пропущенный шаг или техническая ошибка, сообщите нам об этом!