Поделиться через


Типы визуализации панели мониторинга

В этой статье описаны типы визуализаций, доступные для использования на панелях мониторинга ИИ/BI, и показано, как создать пример каждого типа визуализации. Инструкции по созданию панели мониторинга см. в статье "Создание панели мониторинга".

Примечание.

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

Визуализация областей

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

Пример визуализации областей

Значения конфигурации. Для этого примера визуализации области были заданы следующие значения:

  • Заголовок: Total price and order year by order priority and clerk
  • Ось абсцисс:
    • Поле: o_orderdate
    • Тип масштабирования: Temporal
    • Трансформировать: Yearly
    • Название оси: Order year
  • Ось y:
    • Поле: o_totalprice
    • Название оси: Total price
    • Тип масштабирования: Quantitative
    • Трансформировать: Sum
  • Группировать по:
    • Поле: o_orderpriority
    • Название условных обозначений: Order priority
  • Фильтр
    • Поле: TPCH orders.o_clerk

SQL-запрос. Для визуализации этой области используется следующий SQL-запрос для создания набора данных с именем TPCH orders.

SELECT * FROM samples.tpch.orders

Гистограмма

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

Пример визуализации линейчатой панели

Значения конфигурации: для этого примера визуализации панели были заданы следующие значения:

  • Заголовок: Total price and order month by order priority and clerk
  • Ось абсцисс:
    • Поле: o_orderdate
    • Трансформировать: Monthly
    • Тип масштабирования: Temporal
    • Название оси: Order month
  • Ось y:
    • Поле: o_totalprice
    • Тип масштабирования: Quantitative
    • Трансформировать: Sum
    • Название оси: Total price
  • Группировать по:
    • Поле: o_orderpriority
    • Название условных обозначений: Order priority
  • Фильтр
    • Поле: TPCH orders.o_clerk

SQL-запрос. Для этой визуализации линейчатой диаграммы использовался следующий SQL-запрос для создания набора данных с именем TPCH orders.

SELECT * FROM samples.tpch.orders

Диаграмма со списком

Комбо-диаграммы объединяют линии и линейчатые диаграммы, чтобы представить изменения с течением времени с пропорциональностью.

Пример диаграммы со списком

Значения конфигурации: для этой визуализации диаграммы со списком были заданы следующие значения:

  • Ось абсцисс: ps_partkey
    • Тип масштабирования: Quantitative
  • Ось y:
    • Бар: ps_availqty
    • Тип агрегирования: SUM
    • Линия: ps_supplycost
    • Тип агрегирования: AVG
  • Цвет по серии Y:
    • Sum of ps_availqty
    • Average ps_supplycost

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

SELECT * FROM samples.tpch.partsupp

Диаграмма со списком двойной оси

Для отображения двух разных осей y можно использовать диаграммы со списком. Выбрав мини-приложение диаграммы со списком, щелкните Меню Кебаб меню kebab в параметрах оси Y на панели конфигурации диаграммы. Включите параметр "Включить двойную ось".

Пример диаграммы со списком двойной оси

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

  • Ось абсцисс: tpep_pickup_datetime
    • Тип масштабирования: Temporal
    • Трансформировать: Weekly
  • Ось y:
    • Левая ось Y (полоса): trip_distance
      • Трансформировать: AVG
    • Правая ось Y (линия): fare_amount
      • Трансформировать: AVG

Цвет по серии Y:

  • Average trip_distance
    • Average fare_amount

SQL-запрос: следующий SQL-запрос использовался для создания набора данных:

SELECT * FROM samples.nyctaxi.trips

Визуализация счетчиков

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

Пример счетчика

Значения конфигурации: для этого примера визуализации счетчика были заданы следующие значения:

  • Заголовок: Orders: Target amount vs. actual amount by date
  • Значение:
    • Поле: avg(o_totalprice)
    • Номер строки значения: 1
  • Цель:
    • Поле: avg(o_totalprice)
    • Номер строки значения: 2
  • Фильтр
    • Поле: TPCH orders.o_orderdate

SQL-запрос. Для визуализации этого счетчика для создания набора данных с именем TPCH orders_targetиспользовался следующий SQL-запрос.

SELECT o_orderdate, avg(o_totalprice)
FROM samples.tpch.orders
GROUP BY 1
ORDER BY 1

Визуализация строк

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

Пример визуализации строк

Значения конфигурации: для этого примера визуализации строк были заданы следующие значения:

  • Заголовок: Average price and order year by order priority and clerk
  • Ось абсцисс:
    • Поле: o_orderdate
    • Трансформировать: Yearly
    • Тип масштабирования: Temporal
    • Название оси: Order year
  • Ось y:
    • Поле: o_totalprice
    • Трансформировать: Average
    • Тип масштабирования: Quantitative
    • Название оси: Average price
  • Группировать по:
    • Поле: o_orderpriority
    • Название условных обозначений: Order priority
  • Фильтр
    • Поле: TPCH orders.o_clerk

SQL-запрос. Для визуализации этой визуализации линейчатой диаграммы для создания набора данных с именем TPCH ordersиспользовался следующий SQL-запрос.

SELECT * FROM samples.tpch.orders

Диаграмма тепловой карты

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

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

Пример тепловой карты

Значения конфигурации: для визуализации диаграммы тепловой карты были заданы следующие значения:

  • Столбец X (столбец набора данных): o_orderpriority
  • Столбцы Y (столбец набора данных): o_orderstatus
  • Столбец цвета:
    • Столбец набора данных: o_totalprice
    • Тип агрегирования: Average
  • Имя оси X (переопределение значения по умолчанию): Order priority
  • Имя оси Y(переопределение значения по умолчанию): Order status
  • Цветовая схема (переопределение значения по умолчанию): YIGnBu

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

SELECT * FROM samples.tpch.orders

Гистограмма диаграммы

Гистограмма отображает частоту появления определенного значения в наборе данных. Гистограмма помогает определить, в каком диапазоне находится кластер значений набора данных. Гистограмма отображается в виде линейчатой диаграммы, в которой можно управлять количеством отображаемых столбиков (также называемых контейнерами).

Пример гистограммы

Значения конфигурации: для визуализации диаграммы гистограммы были заданы следующие значения:

  • Столбец X (столбец набора данных): o_totalprice
  • Количество ячеек: 20
  • Имя оси X (переопределение значения по умолчанию): Total price

Параметры конфигурации. Параметры конфигурации гистограммы см . в параметрах конфигурации гистограммы.

SQL-запрос. Для визуализации диаграммы гистограммы для создания набора данных использовался следующий SQL-запрос.

select * from samples.tpch.orders

Визуализация круговой диаграммы

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

Пример визуализации круговой диаграммы

Значения конфигурации: для этого примера визуализации круговой диаграммы были заданы следующие значения:

  • Заголовок: Total price by order priority and clerk
  • Угол:
    • Поле: o_totalprice
    • Трансформировать: Sum
    • Название оси: Total price
  • Группировать по:
    • Поле: o_orderpriority
    • Название условных обозначений: Order priority
  • Фильтр
    • Поле: TPCH orders.o_clerk

SQL-запрос. Для этой визуализации круговой визуализации использовался следующий SQL-запрос для создания набора данных с именем TPCH orders.

SELECT * FROM samples.tpch.orders

Визуализация сводной таблицы

Визуализация сводной визуализации объединяет записи из результата запроса в табличное отображение. Это аналогично оператору PIVOT или GROUP BY в SQL. Визуализация сводной таблицы настраивается с помощью полей перетаскивания.

Примечание.

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

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

Значения конфигурации: для этого примера визуализации сводки были заданы следующие значения:

  • Заголовок: Line item quantity by return flag and ship mode by supplier
  • Строк:
    • Поле: l_returnflag
  • Столбцы:
    • Поле: l_shipmode
  • Ячейка
    • Набор данных:
    • Поле: l_quantity
    • Преобразование: Sum
  • Фильтр
    • Поле: TPCH lineitem.l_supplierkey

SQL-запрос. Для этой визуализации сводной визуализации использовался следующий SQL-запрос для создания набора данных с именем TPCH lineitem.

SELECT * FROM samples.tpch.lineitem

Точечная визуализация

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

Пример точечной диаграммы

Значения конфигурации: для этого примера визуализации точечной визуализации были заданы следующие значения:

  • Заголовок: Total price and quantity by ship mode and supplier
  • Ось абсцисс:
    • Поле: l_quantity
    • Название оси: Quantity
    • Тип масштабирования: Quantitative
    • Трансформировать: None
  • Ось y:
    • Поле: l_extendedprice
    • Тип масштабирования: Quantitative
    • Трансформировать: None
    • Название оси: Price
  • Группировать по:
    • Поле: l_shipmode
    • Название условных обозначений: Ship mode
  • Фильтр
    • Поле: TPCH lineitem.l_supplierkey

SQL-запрос. Для этой визуализации точечной визуализации использовался следующий SQL-запрос для создания набора данных с именем TPCH lineitem.

SELECT * FROM samples.tpch.lineitem

Визуализация таблиц

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

Пример таблицы

Значения конфигурации: для этого примера визуализации таблицы были заданы следующие значения:

  • Заголовок: Line item summary by supplier
  • Столбцы:
    • Отображение номера строки: включено
    • Поле: l_orderkey
    • Поле: l_extendedprice
      • Отображается как: Number
      • Числовой формат: $0,00
    • Поле: l_discount
      • Отображается как: Number
      • Числовой формат: %0.00
    • Поле: l_tax
      • Отображается как: Number
      • Числовой формат: %0.00
    • Поле: l_shipdate
    • Поле: l_shipmode
  • Фильтр
    • Поле: TPCH lineitem.l_supplierkey

SQL-запрос. Для визуализации этой таблицы для создания набора данных с именем TPCH lineitemиспользовался следующий SQL-запрос.

SELECT * FROM samples.tpch.lineitem