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

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

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

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

  • график;

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

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

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

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

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

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

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

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

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

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

При работе с виджетами в Visiology Designer и Desktop Designer вы можете использовать следующие горячие клавиши:

  • CTRL + C – копирование виджета;

  • CTRL + V – вставка виджета;

  • CTRL + Z – отмена изменений;

  • CTRL + Y  – повтор изменений;

  • DEL – удаление виджета;

  • CTRL + S – сохранение дашборда.

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

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

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

bar-chart(1).png

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

  • Ось 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.
      + " руб." – добавленный текст.

       

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


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

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

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

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

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

     

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

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

     

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

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

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

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

Тип агрегации

Описание

Тип агрегации

Описание

Сумма

Сумма всех чисел в столбце (значение по умолчанию).

Среднее

Среднее арифметическое значение числовых данных столбца.

Минимум

Минимальное значение среди всех значений столбца.

Максимум

Максимальное значение среди всех значений столбца.

Количество

Количество ячеек в столбце, которые содержат числовое значение.

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

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

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

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

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

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

     

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

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

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

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


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

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