Линейный график

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

Настройки виджета

Помимо общих настроек, у виджета есть уникальные.

Настройка данных

У виджета есть две группы разрезов: первый разрез и второй разрез. В каждую группу можно добавить несколько разрезов. В разрезах можно скрыть пустые значения, добавить действия по клику и задать условие отображения. Также в виджет можно добавлять меры. Дополнительно для меры можно задать толщину линий, включить метки значений и указать их размер (по умолчанию — 12).

Настройка отображения

Размер текста

Регулирует размер текста в виджете, кроме значений меток для мер.

Лимит разреза и лимит второго разреза

Регулирует количество столбиков на диаграмме. Значение по умолчанию для первого разреза — 15, для второго — 50.

Скрыть пустые значения

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

Подсказка

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

Тип

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

Легенда

Подробности работы с легендой описаны на странице Режим редактирования.

Ось X

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

Ось Y

Для оси Y можно включить отображение заголовка, указать ширину меток и диапазон.

Отображать (условие отображения)

Подробности работы с условием отображения описаны на странице Режим редактирования.

Настройка фильтрации

Для виджета доступны стандартные настройки фильтрации.

Больше о виджете «Линейный график» в видеокурсе.

Настройка виджета в YAML

Виджет можно редактировать не только в визуальном конструкторе, но и в YAML-редакторе. В таблице ниже представлены ключи и значения, которые можно использовать для настройки. Подробнее о том, как работать с ключом value, описано на странице Значения разрезов и мер в YAML. Форматы данных, которые можно использовать, описаны на соответствующей странице. Общие параметры для виджетов описаны на странице Настройка виджетов в YAML.

Пример настроенного виджета в YAML-редакторе:

- key: LINE_CHART
    apiVersion: "7"
    type: LINE_CHART
    settings:
      displayCondition:
        mode: DISABLED
      textSize: 12
      xAxis:
        showTitle: false
        enabled: true
      lineSmoothing: true
      showMarkdown: false
      ignoreFilters: false
      markdownMeasures: []
      legend:
        position: BOTTOM
        align: CENTER
      dimensionsFirstGroup:
        - displayCondition:
            mode: DISABLED
          dataType: STRING
          onclick: []
          name: События
          format: STRING
          value:
            mode: FORMULA
            formula: '"event_log"."event_name"'
          formatting: AUTO
          onClick: []
      filters: []
      titleSize: 14
      title: ""
      filterMode: DEFAULT
      yAxis:
        rangeSwitch: false
        showTitle: false
        range: {}
        enabled: true
      measures:
        - displayCondition:
            mode: DISABLED
          color:
            mode: BASE
            value: "#00d2d3"
          lineThickness: THIN
          dataType: STRING
          name: count (distinct incident_id)
          format: NUMBER
          value:
            mode: TEMPLATE
            templateName: countDistinct
            dbType: CH
            tableName: case_table
            columnName: incident_id
          formatting: AUTO
          valueLabel:
            size: 12
            enabled: true
          showLabels:
            enabled: true
            size: 12
      dimensionsSecondGroup: []
      markdownText: ""
      stateName: null
      sorting: []
      chartType: AREA
      stateGuid: f12c435a-43b8-4f98-8fc5-220adba5ffcb
      secondDimensionLimit: 50
      firstDimensionLimit: 15
      showTotalLabels:
        size: 12
        enabled: false
      titleColor:
        mode: AUTO
      titleWeight: NORMAL