Компонент Label

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

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

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

{
  "name": "label",
  "sector": "central",
  "layerZ": 2,
  "settings": {...}
},
Свойство Тип Значение поумолчанию Описание
sector string "central" Сектор, в котором будет распологаться компонент label.
layerZ number 2 Определяет положение компонента по оси Z. Перекрывающие элементы с большим значением layerZ будут накладываться поверх элементов с меньшим layerZ.

Настройки

{
  "settings": {
    "text": "",
    "x": "0px",
    "y": "0px",
    "width": "0px",
    "height": "0px",
    "color": "#808080",
    "stroke": "#ffffff",
    "strokeWidth": "0.4",
    "fontSize": "10px",
    "fontFamily": "Roboto",
    "isBold": false,
    "isCentered": true,
    "axis": {
      "x": "left-right",
      "y": "top-bottom"
    }
  }
}
Свойство Тип Значение поумолчанию Описание
text string "" Текст, отображаемый на графике.
x string 0 Позиция компонента по оси X в пикселях или в процентах.
y string 0 Позиция компонента по оси Y в пикселях или в процентах.
width string 0 Ширина области текста.
height string 0 Высота области текста.
color string #808080 Цвет текста в формате RGBA или HEXA.
stroke string ОТСУТСТВУЕТ Цвет обводки текста подписи в формате RGBA или HEXA.
strokeWidth string ОТСУТСТВУЕТ Толщина обводки текста в пикселях.
fontSize string "10px" Размер шрифта.
fontFamily string "Roboto" Шрифт подписи.
isBold string false Жирность шрифта.
isCentered string true Центрирование текста относительно области текста.
axis.x string "left-right" Направление оси X: left-right — слева направа, right-left — спарава налево.
axis.y string "top-bottom" Направление оси Y: top-bottom — сверху вниз, bottom-top — снизу вверх.

Пример

Код примера

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

Предыдущая
Следующая