Компонент SignalLabels

Отображает названия сигналов на графике

Компонент signalLabels может использоваться в графиках, работающих как с online-, так и с offline-типами данных

Объявление компонента signalLabels

Компонент может быть объявлен только в блоке content блока channels. См. раздел Блок channels

{
  {
    "name": "signalLabels",
    "sector": "leftCentral",
    "layerZ": 1,
    "settings": {
      "labels": [{...}]
    }
  }
}
Свойство Тип Значение поумолчанию Описание
sector string "leftCentral" Сектор, в котором будет распологаться компонент signalLabels.
layerZ number 1 Определяет положение компонента по оси Z. Перекрывающие элементы с большим значением layerZ будут накладываться поверх элементов с меньшим layerZ.
settings.labels Array<Object> ОТСУТСТВУЕТ Массив объектов, задающих параметры отображения названий для каждого сигнала. Если сигналов, например, 5 — нужно определить 5 объектов.

Настройки

{
  "settings": {
    "labels": [
      {
        "id": 0,
        "y": "0px",
        "linkedPosition": true,
        "color": "#000000FF",
        "id_signal": 0,
        "fontFamily": "Roboto",
        "fontSize": "16px"
      }
    ]
  }
}
Название Тип Значение поумолчанию Описание
id number Задаётся неявно: соответствует индексу в массиве labels. Идентификатор элемента.
text string "" Текст, отображаемый в качестве названия сигнала.
y string 0 Вертикальное смещение элемента в пикселях или процентах.
linkedPosition boolean true Определяет привязку позиции элемента к изолинии сигнала. Если true — легенда отображается на изолинии, а y задаёт смещение от неё. Если false — элемент размещается относительно нижнего края контейнера.
color Array<number> #000000FF Цвет текста элемента в формате RGBA или HEXA.
id_signal number Задаётся неявно: соответствует индексу в массиве labels Идентификатор сигнала, с которым связан элемент.
fontFamily string "Roboto" Шрифт подписи.
fontSize string "16px" Размер шрифта.

Пример

Код примера

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

Предыдущая
isolineLabels
Следующая
Шаблоны расположения