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

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

Примечание.

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

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

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

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

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

  • Заголовок: Total price and order year by order priority and clerk
  • Ось X:
    • Поле: 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
  • Ось X:
    • Поле: 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

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

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

Примечание.

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

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

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

  • Ось X: 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 на панели конфигурации диаграммы. Включите параметр "Включить двойную ось".

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

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

  • Ось X: 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
  • Ось X:
    • Поле: 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

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

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

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

Примечание.

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

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

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

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

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

SELECT * FROM samples.tpch.orders

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

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

Примечание.

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

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

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

  • Столбец 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
  • Ось X:
    • Поле: 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