Компонент 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
Ссылка на ресурс
Была ли статья полезна?
Предыдущая
Следующая