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

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

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

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

• график;

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

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

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

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

• виджет Текст.

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

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

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

Кроме того, вы можете расширить палитру используемых виджетов, добавив собственные виджеты. Чтобы узнать, как это сделать, см. раздел Создание пользовательского виджета.

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

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

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

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

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

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

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

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

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

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

• График;

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

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

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

   

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

   

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

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

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

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

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

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

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

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

• Строки

• Столбцы

• Показатели

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

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

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

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

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

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

В фильтре доступны следующие опции:

Также по умолчанию отображается строка поиска для текстовых данных.

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

Вы также можете отменить фильтрацию, нажав Снять выделение, и затем Применить.

При использовании модели данных “созвездие” (когда в модели присутствует несколько таблиц фактов) вы можете фильтровать данные таблиц фактов одновременно по любому атрибуту связанной с ними таблицы измерений. На изображении ниже данные о продажах из двух таблиц фактов отфильтрованы по брендам из связанной с ними таблицы измерений:

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

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

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

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

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

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

Виджет Текст

Данный виджет используется для добавления произвольного текста на дашборд. Это может быть наименование дашборда, какая-либо пояснительная информация и т.д. Клик по его иконке добавляет плитку виджета, но настроить его вы сможете, перейдя на вкладку Оформление. У данного виджета единственное поле: Столбцы.

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

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

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

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

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

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

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

   

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

   

    

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

   

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

   

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

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

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

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

     

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

• 

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

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

text-widget.mp4

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

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

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

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

   

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

   

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

   

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

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

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

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

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

Переименование столбцов, добавленных в виджет

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

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

1. Наведите курсор мыши на название столбца, добавленного в виджет. Появится изображение карандаша.

2. Нажмите на изображение карандаша – поле с названием столбца переключится в режим редактирования:
   

   

3. Введите новое название и нажмите Enter, либо просто щелкните в любом пустом месте – новое название сохранится и будет отображено на виджете:
   

   

Разбивка данных по измерению

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

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

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

📄 Визуальные настройки виджетов
📄 Создание дашбордов и листов