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

Отрисовщик составной линейчатой диаграммы

  • Статья

При использовании Azure Workbooks данные можно визуализировать с помощью составной диаграммы. Эта диаграмма состоит из нескольких диаграмм.

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

Снимок экрана: составная линейчатая диаграмма для состояния базы данных.

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

Добавление отрисовщика составной линейчатой диаграммы

  1. Переведите книгу в режим правки, выбрав Изменить.

  2. Выберите Добавить>Добавить запрос.

  3. Задайте для параметра Источник данных значение JSON, а для Визуализация — Grid.

  4. Добавьте следующие данные JSON:

    [
    {"sub":"X", "server": "A", "online": 20, "recovering": 3, "offline": 4, "total": 27},
    {"sub":"X", "server": "B", "online": 15, "recovering": 8, "offline": 5, "total": 28},
    {"sub":"Y", "server": "C", "online": 25, "recovering": 4, "offline": 5, "total": 34},
    {"sub":"Y", "server": "D", "online": 18, "recovering": 6, "offline": 9, "total": 33}
]

  5. Выполните запрос.

  6. Выберите Параметры столбца, чтобы открыть область параметров.

  7. В разделе Столбцы выберите total. Для параметра Отрисовщик столбцов выберите Composite Bar.

  8. Задайте следующие параметры в разделе Параметры составной линейчатой диаграммы:

    Имя столбца Color
    подключенный Зеленый
    Восстановление Желтый
    offline Ярко-красный

  9. Для параметра Метка введите значение ["online"] of ["total"] are healthy.

  10. В параметрах столбца (в сети, автономно или восстановление) можно задать для отрисовщика столбцов значение Hidden.

  11. Выберите вкладку Метки и обновите метку для общего столбца Database Status (необязательно).

  12. Выберите Применить.

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

Снимок экрана: параметры столбца составной диаграммы с описанными выше параметрами.

Составная линейчатая диаграмма с описанными выше параметрами:

Снимок экрана: составная диаграмма.

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

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

Этикетка

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

Ссылки на столбцы должны иметь такой вид: ["columnName"].

Ссылки на параметры должны иметь такой вид: {paramName}.

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

Агрегат

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

Вот как можно добавить параметры "Группировать по":

  1. В параметрах столбцов перейдите к столбцу, для которого необходимо добавить параметры.
  2. В разделе Параметры дерева/группирования для параметра Тип дерева выберите Группировать по.
  3. Выберите поле, по которому нужно сгруппировать.Снимок экрана: параметры

нет

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

Снимок экрана, в котором показана составная диаграмма с параметром агрегирования

Sum

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

В примере ниже для состояний в сети, автономно и восстановление задан агрегат "Максимум", а для столбца итогов — агрегат Сумма.

Снимок экрана: составная диаграмма с параметром агрегирования

Наследовать

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

В примере ниже для состояний в сети, автономно и восстановление задан агрегат "Максимум", а для столбца итогов — агрегат Наследовать.

Снимок экрана: составная диаграмма с параметром агрегирования

Сортировка

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

Визуализация плиток

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

  1. Выберите Добавить>Добавить запрос.
  2. Измените источник данных на JSON. Введите данные из предыдущего примера.
  3. Измените значение параметра Визуализация на Tiles.
  4. Выполните запрос.
  5. Нажмите Параметры плиток.
  6. В разделе Поля плитки выберите Слева.
  7. В разделе "Параметры поля" задайте следующие параметры:
    1. Использовать столбец: server
    2. Отрисовщик столбцов: Text
  8. В разделе Поля плитки выберите Внизу.
  9. В разделе "Параметры поля" задайте следующие параметры:

    1. Использовать столбец: total

    2. Отрисовщик столбцов: Composite Bar

    3. Задайте следующие параметры в разделе Параметры составной линейчатой диаграммы:

      Имя столбца Color
      подключенный Зеленый
      Восстановление Желтый
      offline Ярко-красный

    4. Для параметра Метка введите значение ["online"] of ["total"] are healthy.

  10. Выберите Применить.

Параметры составной линейчатой диаграммы для плиток:

Снимок экрана: параметры плитки составной диаграммы с описанными выше параметрами.

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

Снимок экрана: плитки составной линейчатой диаграммы.

Визуализации графов

Чтобы создать отрисовщик составной линейчатой диаграммы для визуализации графов (тип "Кластеры кустов"):

  1. Выберите Добавить>Добавить запрос.
  2. Измените Источник данных на JSON. Введите данные из предыдущего примера.
  3. Измените значение параметра Визуализация на Graphs.
  4. Выполните запрос.
  5. Выберите Graph Settings (Параметры графов).
  6. В разделе Параметры формата узла выберите Центрировать содержимое.
  7. В разделе "Параметры поля" задайте следующие параметры:

    1. Использовать столбец: total

    2. Отрисовщик столбцов: Composite Bar

    3. Задайте следующие параметры в разделе Параметры составной линейчатой диаграммы:

      Имя столбца Color
      подключенный Зеленый
      Восстановление Желтый
      offline Ярко-красный

    4. Для параметра Метка введите значение ["online"] of ["total"] are healthy.

  8. В разделе "Параметры макета" задайте следующие параметры:
    1. Тип графа: Hive Clusters
    2. Идентификатор узла: server
    3. Поле группировки: None
    4. Размер узла: 100
    5. Поле между шестиугольниками: 5
    6. Тип раскраски: None
  9. Выберите Применить.

Параметры составной линейчатой диаграммы для графов:

Снимок экрана: параметры графа составной диаграммы с описанными выше параметрами.

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

Снимок экрана: графы составной линейчатой диаграммы с кластерами кустов.

Следующие шаги

Начало работы с Azure Workbooks