Свойства заголовка линии

Примечание

Указывайте значения цвета в формате HEX.

Использование

const data = [
    // объект заголовка линии
    {
        type: "lineTitle",
        id?: string | number,
        text: string,
        parent: string | number,

        distance?: number, // 50 по умолчанию
        autoPosition?: boolean, // true по умолчанию
        editable?: boolean, // true по умолчанию
        fixed?: boolean, // false по умолчанию
        hidden?: boolean, // false по умолчанию

        fill?: string,
        fontSize?: string | number, // 14 по умолчанию
        lineHeight?: string | number, // 14 по умолчанию
        fontStyle?: "normal" | "italic" | "oblique", // "normal" по умолчанию
        fontColor?: string, // "#4C4C4C" по умолчанию
        fontWeight?: string, // "500" по умолчанию
        textAlign?: "center" | "left" | "right" // "center" по умолчанию
    },
    // другие объекты заголовков линий
];

Описание

Каждый объект заголовка линии может включать следующие свойства:

• type - (обязательное) тип элемента, укажите значение "lineTitle"
• id - (необязательное) id заголовка линии, по умолчанию генерируется автоматически
• parent - (обязательное) id линии, для которой отображается заголовок
• text - (обязательное) текст заголовка линии
• distance - (необязательное) задаёт расстояние до точки отображения заголовка на линии в диапазоне от 0 до 100, 50 по умолчанию
• autoPosition - (необязательное) определяет направление текста: если задано значение true - направление текста совпадает с направлением линии, false - направление текста всегда горизонтальное; true по умолчанию
• editable - (необязательное) включает/отключает возможность редактирования текста элемента двойным щелчком по нему, true по умолчанию
• fixed - (необязательное) включает/отключает возможность фиксации текста элемента с заданным значением distance, false по умолчанию
• hidden - (необязательное) определяет, будет ли текст скрыт, false по умолчанию
• fill - (необязательное) цвет фона заголовка линии
• fontSize - (необязательное) размер шрифта, 14 по умолчанию
• lineHeight - (необязательное) высота строки текста, 14 по умолчанию
• fontStyle - (необязательное) стиль шрифта текста: "normal" (по умолчанию), "italic", "oblique"
• fontColor - (необязательное) цвет шрифта текста, "#4C4C4C" по умолчанию
• fontWeight - (необязательное) насыщенность шрифта текста, возможные значения: "normal", "bold", "bolder", "lighter"; значения "100"-"900", где "400" соответствует normal, а "600" и выше - самый жирный шрифт; "500" по умолчанию
• textAlign - (необязательное) выравнивание текста: "center" (по умолчанию), "left", "right"

Пример

const data = [
    // настройка фигур
    { type: "rectangle", id: "shape_1" },
    { type: "rectangle", id: "shape_2", x: 400 },

    // настройка линий
    { type: "line", id: "line_1", from: "shape_1", to: "shape_2" },

    // настройка заголовков линий
    { type: "lineTitle", id: "title_1", parent: "line_1", text: "Some text" }
];

Полезная статья: Настройка заголовков линий