Форматирование через интерфейс

Форматирование через интерфейс

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

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

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

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

Настройка формата числовых данных

Для настройки форматирования в столбце с числовыми значениями необходимо сделать следующее:

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

    menu.png

    Если вы хотите настроить форматирование для столбца, добавленного в виджет, нажмите напротив названия числового столбца и выберите % Формат значений:

    widget-menu.png
  2. В открывшейся панели укажите необходимые настройки. Изменения отображаются на виджетах мгновенно:

    settings.png

Если вы сделали что-либо не так, как ожидается, значения останутся без изменений.

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

Настройки

Описание

Настройки

Описание

round.png

Группа настроек, которые округляют значения.

  • В большую – математическое округление, где 5 округляется в большую сторону. Например, если указать 2 знака после запятой, число 12.347 превратится в 12.35, а если указать 4 знака после запятой, то вместо числа 12.347 получится 12.3470. Еще несколько примеров округления в большую сторону:
    4.15 -> 4.2
    4.16 -> 4.2
    4.14 -> 4.1

  • В меньшую – математическое округление, где 5 округляется в меньшую сторону. Примеры округления в меньшую сторону:
    4.15 -> 4.1
    4.16 -> 4.2
    4.14 -> 4.1

  • Обрезка – дробная часть числа удаляется без фактического округления. Например, число 4.7 станет 4 (если количество символов после запятой равно нулю). Однако, если указать количество символов отличное от нуля, то после запятой будет оставлено именно столько знаков. Например, если указать 2 знака после запятой, то число 12.347 преобразуется в 12.34, а если указать 5 символов, то число 12.347 изменится на 12.34700.

  • Нет – значение остаётся таким же, без изменений. Например, число 4.7 останется 4.7.

percent.png

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

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

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

units.png

 

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

Доступные варианты:

  • Тыс — числа отображаются в тысячах (например, 25 47025.47 тыс).

  • Млн — числа отображаются в миллионах (например, 235 4700.235 млн).

  • Млрд — числа отображаются в миллиардах (например, 6 457 235 4706.457 млрд).

  • Трлн — числа отображаются в триллионах (например, 216 457 235 4700.216 трлн).

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

spaces.png

 

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

Отображать – при включении добавляет пробелы между разрядами.

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

Настройка формата дат

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

  1. Откройте настройки форматирования, как было описано выше (но только для столбца с датами).

  2. В выпадающем меню выберите нужный формат даты, соответствующий вашим требованиям. Изменения применятся мгновенно:

    date-settings.png

    Доступны следующие форматы:

    • YYYY-MM-DD hh:mm:ss

    • YYYY-MM-DD hh:mm:ss.SSS

    • YYYY-MM-DDThh:mm:ss (ISO 8601)

    • HH:mm

    • HH:mm:ss

    • HH:mm:ss.SSS

    • YYYY-MM-DD

    • DD.MM.YYYY

    • DD-MM-YYYY

    • DD MMMM YYYY

    • DD MMM YYYY

    • YYYY.MM.DD

    • DD.MM.YYYY HH:mm:ss

    • DD.MM.YYYY HH:mm

    • DD MMMM YYYY HH:mm:ss

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

  • Буквы (латиница):

    • Y, M, D, d, H, h, m, S, s, T, t, A, a, Z, z

  • Специальные символы:

    • : (двоеточие);

    • - (дефис);

    • . (точка);

    • [ и ] (квадратные скобки);

    • / (косая черта);

    • \s (любой пробельный символ: пробел, табуляция, перенос строки).

      user-date-format.png

Настройка форматирования мер

Перед настройкой форматирования мер необходимо указать тип данных для меры – число или дата. В зависимости от выбора откроется группа настроек для числовых значений или для дат:

measure.png

Далее настройки выполняются в соответствии с выбранным типом значений (см. выше).

Сброс форматирования

Вы можете быстро сбросить все настройки к исходному состоянию, нажав на кнопку Очистить форматирование в нижней части панели настроек форматирования:

clear.png

Смотрите также

Форматирование с помощью JS

 

Related content