Раскраски

Общие правила

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

Правила раскраски настраиваются в выпадающем окне «Панель раскрасок» по клику левой кнопкой мыши по иконке «Настроить раскраски» в меню над таблицей с данными.

_images/111.png

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

Ячейки указываются в формате, обычном для MS Exсel: номер столбца указывается латинской заглавной буквой, номер строки – цифрой.

Для указания строки или столбца целиком, а не конкретной ячейки, применяется символ * («А*» - весь первый столбец отчета). Для указания всех ячеек в таблице применяется символ ** (две звездочки).

Возможна настройка следующих правил:

  • Количество отображаемых знаков после запятой:

    B*.digits=2
    G*.digits=1
    
  • Выравнивание текста в ячейке:

    A8.align=left
    
  • Цвет фона ячейки:

    C*<100:C*.bgcolor=yellowgreen
    C*>100:C*.bgcolor=increased-regional-risk
    F*.bgcolor=yellowgreen
    
  • Стрелочка рядом со значением в ячейке:

    C*>100:C*.arrow=down-red
    
  • Маркер рядом со значением в ячейке:

    C*>B*:C*.marker=yellow
    
  • Заливка ячейки целиком одним цветом:

    A8.fgcolor=yellow
    
  • Вписывание текста в ячейку (перекрывает при этом значения в базе):

    A1.text=Текст
    
  • Затирание текста в ячейке («пустота» в ячейке):

    A1.text=
    

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

Правила можно набрать текстом вручную или копировать из одного окошка задания правил в другое, а также в рамках одного окошка с помощью операции «копировать/вставить».

В интерфейсе раскрасок также можно задать всплывающую подсказку к ячейке. Для этого необходимо задать ячейку (или, например, столбец) и после точки написать «title», далее знак равенства и после - любой текст, который будет отображаться во всплывающем поле рядом с ячейкой. Текст должен быть написан в одной строке. Например:

C2.title=Заполнять ячейку надо правильно
D*.title=И тут тоже красивая надпись

Подсказки также можно задавать и в реестре, указав при этом столбец:

C*.title=текст

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

Тепловая карта (heatmap)

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

Задать heatmap можно 3 способами:

  • heatmap-rows - по горизонтали, градиентная раскраска производится по строкам таблицы в рамках каждой строки.
  • heatmap-cols - по вертикали, градиентная раскраска производится по столбцам таблицы в рамках каждого столбца.
  • heatmap - градиентная раскраска производится по выбранному диапазону ячеек.

Обратите внимание, что отчеты, раскрашенные heatmap и heatmap-cols или heatmap-rows будут отличаться. Раскраску heatmap-cols(или heatmap-rows) лучше использовать для раскраски всех ячеек в таблице - **, если нужно визуальное отображение локального сравнения значений всех ячеек для каждого столбца(или строки) во всей таблице. При использовании heatmap для всех ячеек в таблице все значения таблицы будут сравниваться между собой и картина градиента станет иной.

Выбрать цвета минимума (мин_цвет) и максимума (макс_цвет) можно из таблицы цветов для css или задать в формате rgb (от #000000 до #ffffff). Можно также задать минимальное (мин_значение) и максимальное (макс_значение) значения для выбранных цветов.

Правила записи инструкции:

  1. heatmap=мин_цвет,макс_цвет

Например:

A*.heatmap=#ffffff,orange
  1. heatmap=мин_цвет,мин_значение,макс_цвет

Например:

**.heatmap-rows=lightgreen,0,orange
  1. heatmap=мин_цвет,макс_цвет,макс_значение

Например:

**.heatmap-cols=blue,lightblue,0
  1. heatmap=мин_цвет,мин_значение,макс_цвет,макс_значение

Например:

**.heatmap=blue,-100,orange,100
C10.heatmap=#000000,-300,#ffffff,100

Автодобавление порядкового номера

В системе предусмотрена возможность автоматического добавления порядкового номера во всех формах отчетности (формах, реестрах, отчетах).

Правило записи инструкции в общем виде:

имя_ячейки.enumerate=строка с {<имя_ячейки для группировки>,<первый номер>},

где на место {…} подставляется соответствующий номер. Правил, указанных между {…}, может быть любое количество, между этими правилами может быть любое нужное условие.

Примеры:

  1. Нумерация по умолчанию (всегда начинается с 1):

    A*.enumerate={B*}.{}
    
_images/330.png
  1. Номер группы в столбце B, точка, номер строки в группе:

    A*.enumerate={B*,1}.{1}
    
_images/330.png
  1. Нумерация по номеру строки, начиная с 0:

    A*.enumerate={0}
    
_images/331.png
  1. Номер группы в столбце B (начиная с 1), два тире, номер группы в столбце C (начиная с 2), точка, номер группы в столбце D (начиная с 3), тире, номер строки в группе D:

    A*.enumerate={B*,1}--{C*,2}.{D*,3}-{2}
    
_images/332.png

Использование иконок

Для раскраски ячеек отчетов/реестров/форм можно воспользоваться иконками.

Правило записи инструкции в общем виде:

имя_ячейки.icon=*

где после знака «=» задается название иконки (доступные варианты иконок приведны здесь: https://fontawesome.com/v4.7.0/icons/), затем тире и цвет (css, доступные варианты приведены здесь: https://www.w3schools.com/cssref/css_colors.asp, или произвольный цвет, заданный через #RGB, rgb(R, G, B)).

Например:

  1. Добавить окружность красного цвета (по умолчанию иконка добавляется слева от текста, не вытесняя его):

    A1.icon=circle-o-red
    
_images/333.png
  1. Добавить окружность красного цвета и затереть текст в ячейке:

    A1.icon=circle-o-red
    
_images/334.png

Использование CSS

Ячейки можно раскрасить при помощи CSS.

Правило записи инструкции в общем виде:

имя_ячейки.class=любой набор символов латиницей

Указанные символы добавляются к css-классу ячейки, в соответствии с классом ячейку можно раскрасить в /project/description/.

Например:

A1.class=coloration
_images/336.png

Настройка в /project/description/:

_images/335.png