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

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

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

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

  • график;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

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

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

  • Чтобы сохранить созданный дашборд, нажмите Файл > Сохранить как в левом верхнем углу.

  • Чтобы узнать, как тонко настроить диаграммы и графики, смотрите раздел Визуальные настройки виджетов.

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

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

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

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

  • График;

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

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

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



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


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

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

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

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

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

 

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

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

  • Строки

  • Столбцы

  • Показатели

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

 

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

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

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

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

 

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

 

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

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

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

 

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

 

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

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

 

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

Виджет Текст

Данный виджет используется для добавления произвольного текста на дашборд. Это может быть наименование дашборда, какая-либо пояснительная информация и т.д. Клик по его иконке добавляет плитку виджета, но настроить его вы сможете только в Desktop Designer. В 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.
+ " руб." – добавленный текст.

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

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

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

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

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

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

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

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

     

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

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

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

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

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

Описание

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

Описание

Сумма

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

Среднее

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

Минимум

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

Максимум

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

Количество

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

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


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

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