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

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

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

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

  • график;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

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

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

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

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

  • График;

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

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

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

     

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

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

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

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

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

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

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

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

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

  • Строки

  • Столбцы

  • Показатели

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

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

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

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

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

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

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

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

Аналогичным образом происходит фильтрация по датам. Вы добавляете виджет Фильтр по датам и перетаскиваете в него столбец, содержащий данные о датах (в нашем примере это 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. После сохранения сортировки, названия месяцев отобразятся в нужном порядке:

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

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

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

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

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

Описание

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

Описание

Сумма

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

Среднее

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

Минимум

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

Максимум

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

Количество

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

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


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

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