Работа с виджетами

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

• линейчатая диаграмма;

• столбчатая диаграмма;

• график;

• круговая диаграмма;

• сводная таблица;

• плоская таблица;

Также вы можете добавить:

• фильтр для фильтрации данных;

• фильтр по датам;

• виджет Изображение.

Работа с диаграммами и графиками

Для добавления диаграммы или графика, кликните иконку требуемого виджета в панели Визуализации – на листе появится пустая плитка виджета с напоминанием о необходимости настройки данных:

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

• Ось X и Ось Y – для графиков и линейчатых/столбчатых диаграмм;

• Условные обозначения и Значения – для круговых диаграмм.

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

Сортировка значений по возрастанию и убыванию

Вы можете отсортировать данные, отображаемые в виджетах, по убыванию или по возрастанию значений показателей. Сортировка может быть выполнена в следующих виджетах:

• Линейчатая диаграмма;

• Столбчатая диаграмма;

• График;

• Круговая диаграмма.

Для сортировки данных выполните следующие шаги:

1. В правом верхнем углу плитки виджета нажмите кнопку с тремя точками:
   

   

   
   

2. В появившемся меню выберите показатель, чьи значения вы хотите отсортировать, и затем пункт меню Сортировка по возрастанию или Сортировка по убыванию. Данные отсортируются в соответствии с выбранным значением:

   

   
   Сортировка сохраняется при сохранении дашборда.

Работа с таблицами

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

Плоские таблицы

Плоская таблица - это двумерный массив данных, состоящий из столбцов и строк. Для этого типа таблиц предусмотрено лишь одно поле: Столбцы. Для визуализации необходимых данных, вы можете перетащить в это поле несколько столбцов из панели Поля:

Сводные таблицы

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

• Строки

• Столбцы

• Показатели

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

Работа с фильтрами

Вы можете отфильтровать отображаемые данные, добавив виджеты Фильтр или Фильтр по датам и указав в них параметры, по которым необходимо произвести фильтрацию данных.

Виджет Фильтр

Представим, что вам необходимо иметь возможность отображать статистику по определенным товарам. Для этого кликните иконку фильтра, чтобы добавить виджет Фильтр, и перетащите в его поле колонку, которая содержит список товаров (в нашем примере это productname):

Теперь вы можете выбрать в нем товары, статистку по которым вы хотите просмотреть, и нажать Применить. Данные отфильтруются по этим товарам во всех виджетах, добавленных в этом листе:

Для отмены фильтрации, нажмите крестик в поле фильтра:

Виджет Фильтр по датам

Аналогичным образом происходит фильтрация по датам. Вы добавляете виджет Фильтр по датам и перетаскиваете в него столбец, содержащий данные о датах (в нашем примере это datekey). С помощью данного фильтра вы можете отфильтровать данные всех виджетов в разрезе года, месяца и т.д.:

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

Виджет Изображение

Данный виджет используется для добавления изображения. Клик по его иконке добавляет плитку виджета, но настроить его вы сможете только в /wiki/spaces/3v4/pages/163513144. В Visiology Designer он не имеет никаких полей или настроек:

Для информации о том, как добавить изображение, смотрите раздел Изображение.

Виджет Текст

Данный виджет используется для добавления произвольного текста на дашборд. Это может быть наименование дашборда, какая-либо пояснительная информация и т.д. Клик по его иконке добавляет плитку виджета, но настроить его вы сможете только в /wiki/spaces/3v4/pages/163513144. В Visiology Designer он не имеет никаких настроек кроме поля Столбцы:

После добавления виджета, сохраните дашборд и перейдите в Desktop Designer, чтобы добавить текст и отформатировать его.

Вы также можете добавить виджет в дашборд непосредственно в Desktop Designer.

Пример использования виджета текст

 Пример использования виджета Текст в качестве индикатора

Вы можете создать индикатор на базе виджета Текст для вывода какой-либо значимой информации и отформатировать это значение для эффектной визуализации данных. Для этого необходимо выполнить несколько шагов:

1. Откройте Visiology Designer.

2. Создайте новый дашборд или откройте существующий.

3. Добавьте виджет Текст, нажав на его иконку в панели Визуализации:
   

   

4. Перетащите данные в поле Столбцы. В нашем примере мы будем использовать данные из столбца calendaryearlable (года), и Продажи, т.к. мы хотим отображать данные по продажам по годам:
   

   

    

5. Теперь для дальнейшей настройки виджета необходимо перейти в Desktop Designer. Откройте в нем ваш дашборд и кликните по добавленному виджету:
   

   

6. Укажите заголовок виджета и настройте параметры его отображения, используя настройки заголовка в панели справа:
   

   

7. Теперь нам нужно вывести значение и отформатировать его. Для этого необходимо сделать следующее:

   • вывести значение;

   • округлить значение;

   • добавить слово руб.;

Все это можно выполнить одной командой, введенной в поле Текст:

Math.round(@col[1][0]) + " руб."

где
Math.round – функция округления;
@col[1][0] – номер колонки и строки с необходимым нам значением. Первая строка и первая колонка имеют индекс 0.
+ " руб." – добавленный текст.

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

• 

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

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

text-value-help.mp4

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

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

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

1. Нажать кнопку с тремя точками справа от названия столбца и выбрать пункт Сортировать по столбцу:
   

   

2. Выбрать из предложенного списка столбец, по которому необходимо отсортировать значения, и нажать Сохранить. В нашем случае это будет calendarmonth, т.к. данный столбец содержит цифровые обозначения месяцев:
   

   

3. После сохранения сортировки названия месяцев отобразятся в нужном порядке:
   

   

Подобным образом можно сортировать и другие значения, добавленные в виджет.

Изменение типа агрегации данных

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

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

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

Статьи по теме

📄 /wiki/spaces/3v4/pages/163513144
📄 Визуальные настройки виджетов
📄 Создание дашбордов и листов