Свойства объекта view

Обзор

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

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

{
  "view": {
    "canvas": {
      "items": [
        {
          "type": ...,
        }
      ]
    }
  }
}

Поле type указывает тип графика или тип шаблона расположения, который определяет способ визуализации графика и его взаимодействие с данными.

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

Описание поля view может иметь следующее описание:

{
  "view": {
    "canvas": {
      "items": [
        {
          "type": "chart:online:base",
          "sectors": [
            { "name": "right", "width": "10 px" },
            { "name": "top", "height": "30 px" },
            { "name": "bottom", "height": "10 px" }
          ],
          "content": [{ "name": "grid" }, { "name": "border" }],
          "channels": [
            {
              "isolines": [{ ... }],
              "signals": [{ ... }],
            },
          ]
        }
      ]
    }
  }
}

Блок sectors

Блок sectors задаёт дополнительные области (сектора) на графическом полотне, в которых можно размещать интерфейсные элементы — такие как оси, легенды, подписи и другие визуальные компоненты.

• top
• topCentral
• bottom
• bottomCentral
• left
• leftCentral
• central
• right
• rightCentral

Пример расположения областей на полотне представлена далее.

{
  "sectors": [
    { "name": "right", "width": "10 px" },
    { "name": "top", "height": "30 px" },
    { "name": "bottom", "height": "10 px" }
  ]
}

Блок content

Блок content может содержать дополнительные интерфейсные элементы, отображаемые на графическом полотне.

{
  "content": [{ "name": "grid" }, { "name": "border" }]
}

Блок channels

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

{
  "channels": [
    {
      "id_channel": 0,
      "isolines": [{ ... }],
      "signals": [{ ... }],
      "content": [{ ... }],
      "marks": [...]
    },
  ]
}

Блок isolines

Блок isolines задаёт параметры изолиний для визуального сопровождения сигналов. Каждая изолиния соответствует одному сигналу.

{
  "isolines": [
    {
      "id": 0,
      "y": "50 %",
      "color": "#3f48cc"
    }
  ]
}

Блок signals

Блок signals описывает, как отображаются сигналы на графике.

{
  "signals": [
    {
      "id": 0,
      "type": "line",
      "drawMode": "roll",
      "color": [179, 128, 0, 255] ,
      "id_isoline": 0,
      "pointCount": 1,
      "title": "signal",
      "markViewId": 1
    }
  ]
}

Блок marks

Блок marks используется для привязки графических меток к одному или нескольким сигналам. Подробнее о типах и настройках меток см. в разделе Компонент marks.

{
  "marks":[
    {
      "markViewId": 1,
      "signalIds": []
    }
  ]
}