В этой инструкции поговорим про функционал преобразования данных и визуализации их внутри интерфейса нашего сервиса.
Для использования новых возможностей визуализации загруженных данных из подключенных источников необходимо перейти в раздел “Инструменты” и в разделе “Cube.js” нажать “Перейти”:
Вы увидите страницу, которая состоит из двух конструкторов с возможностями ручного редактирования параметров в формате JSON:
В левой верхней части расположено дерево кубов, сформированное на основе ваших подключенных источников. В этом дереве двойным щелчком мыши можно выбрать меры и измерения, выбранные параметры устанавливаются в полях конструктора редактора запроса и формируют запрашиваемые данные. Также выбрать меры и измерения можно непосредственно в полях “Меры” и ”Измерения”, начав набор названия необходимого поля.
В минимальном запросе должно быть заполнено обязательное поле меры.
Редактор запросов предоставляет возможность указать:
- период запрашиваемых данных или конкретный интервал времени
- детализацию времени (Год, Квартал, Месяц, Неделя, День, Час…)
- часовой пояс
Для применения фильтрации в запросе на вкладке “Фильтры” нужно указать поле фильтрации, условие и значение, применяемое в фильтрации. Ниже приведен пример указания фильтра:
Подобным образом действует и сортировка данных, для этого на вкладке “Сортировка” необходимо указать поле сортировки и тип сортировки:
Для ограничения выборки на вкладке “Дополнительно” можно указать смещение относительно начала выборки и количество строк в результирующей выборке:
Ввиду того, что конструктор запросов не охватывает всех возможностей Cube.js, в некоторых случаях необходимо прибегать к ручному формированию запроса. Для этого нужно перейти в редактор JSON, выбрав соответствующую вкладку на форме:
Cправка по формированию запросов Cube.js находится здесь.
При ручном редактировании поля конструктора блокируются и недоступны для изменения. Чтобы сбросить ручные изменения запроса и разблокировать поля конструктора необходимо нажать на ссылку, приведенную в верхней части конструктора:
После формирования запроса необходимо нажать кнопку “Выполнить”. Будет выполнен запрос, результатом которого будут данные, отображенные на вкладке “Данные”. Ниже приведен пример полученных данных:
Для создания визуализаций необходимо перейти на соседнюю вкладку “Визуализация.” Там будет представлен конструктор для построения графического представления данных с помощью средств Vega-Lite.
В данном конструкторе имеются следующие поля:
- Название – название графического представления при сохранении;
- Стиль – внешний стиль оформления графического представления;
- Конфигурация – набор параметров и настроек для формирования графического представления;
- Размер – длина и ширина графического представления.
Формирование графического представления осуществляется путем установки и выбора осей и их параметров. При нажатии на ссылку “Добавить” в конфигурацию представления добавляется набор параметров влияющих на отображение.
Наш конструктор пока не охватывает всех возможностей Vega-Lite и в некоторых случаях необходимо прибегать к ручному формированию графического представления. Чтобы воспользоваться всеми возможностями при формировании графического отображения которые предоставляет Vega-Lite, необходимо перейти в редактор JSON, выбрав соответствующую вкладку на форме.
Справку по формированию графического представления Vega-Lite можно найти тут.
Также как и при формировании запроса Cube.js, прямое редактирование JSON параметров графического представления приводит к блокировки полей конструктора. Для сброса ручных изменений и разблокировки полей необходимо нажать на ссылку в конструкторе:
После указания всех настроек необходимо нажать на кнопку “Отрисовать”. В левой части экрана будет выведено графическое представление. Закончив работу с формированием графического представления, его можно сохранить, нажав на кнопку “Сохранить”.
Сохраненные визуализации отображаются в виде таблицы на вкладке “Чарты”:
Для редактирования сохраненных чартов необходимо в колонке “Действия” выбрать пункт меню “Загрузить”. Сохраненный чарт будет загружен в редакторы запросов и визуализации. При редактировании в верхней части страницы отображается сообщение с названием текущего редактируемого чарта, для выхода из режима редактирования необходимо нажать на ссылку приведенную в сообщении.
Сохраненные визуализации можно разместить на дашборде (“Выбрать” – “Добавить на дашборд”). Сами дашборды вы можете создать также в разделе “Инструменты”:
Сейчас мы только начинаем развивать новый функционал, надеемся, что он станет полезным для пользователей и ждем обратную связь.
Более подробную информацию, ответы на вопросы, разборы построения отдельных визуализаций вы сможете найти в нашем telegram чате.