@antv/g2/lib/shape/label/position/outside.js

the Grammar of Graphics in Javascript

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.outside = exports.inferOutsideCircularStyle = exports.angleOf = exports.radiusOf = exports.linePoints = void 0;
const utils_1 = require("../../../shape/utils");
const coordinate_1 = require("../../../utils/coordinate");
const default_1 = require("./default");
function linePoints(center, angle, radius, radius1, offsetX) {
    const [x0, y0] = (0, default_1.pointOfArc)(center, angle, radius);
    const [x1, y1] = (0, default_1.pointOfArc)(center, angle, radius1);
    const sign = Math.sin(angle) > 0 ? 1 : -1;
    return [
        [x0, y0],
        [x1, y1],
        [x1 + sign * offsetX, y1],
    ];
}
exports.linePoints = linePoints;
function radiusOf(points, value, coordinate) {
    const arcObject = (0, utils_1.getArcObject)(coordinate, points, [value.y, value.y1]);
    const { innerRadius, outerRadius } = arcObject;
    return innerRadius + (outerRadius - innerRadius);
}
exports.radiusOf = radiusOf;
function angleOf(points, value, coordinate) {
    const arcObject = (0, utils_1.getArcObject)(coordinate, points, [value.y, value.y1]);
    const { startAngle, endAngle } = arcObject;
    return (startAngle + endAngle) / 2;
}
exports.angleOf = angleOf;
function inferOutsideCircularStyle(position, points, value, coordinate) {
    const { autoRotate, rotateToAlignArc, offset = 0, connector = true, connectorLength = offset, connectorLength2 = 0, connectorDistance = 0, } = value;
    const center = coordinate.getCenter();
    const angle = angleOf(points, value, coordinate);
    const sign = Math.sin(angle) > 0 ? 1 : -1;
    const rotate = (0, default_1.inferRotation)(angle, autoRotate, rotateToAlignArc);
    const textStyle = {
        textAlign: sign > 0 || (0, coordinate_1.isRadial)(coordinate) ? 'start' : 'end',
        textBaseline: 'middle',
        rotate,
    };
    const radius = radiusOf(points, value, coordinate);
    const radius1 = radius + (connector ? connectorLength : offset);
    const [[x0, y0], [x1, y1], [x2, y2]] = linePoints(center, angle, radius, radius1, connector ? connectorLength2 : 0);
    const dx = connector ? +connectorDistance * sign : 0;
    const x = x2 + dx;
    const y = y2;
    const connectorStyle = {
        connector,
        connectorPoints: [
            [x1 - x, y1 - y],
            [x2 - x, y2 - y],
        ],
    };
    return Object.assign(Object.assign({ x0,
        y0, x: x2 + dx, y: y2 }, textStyle), connectorStyle);
}
exports.inferOutsideCircularStyle = inferOutsideCircularStyle;
function outside(position, points, value, coordinate) {
    const { bounds } = value;
    // When bounds.length = 1
    // For series mark, such as line and area.
    // The bounds for text is defined with only one point.
    // Use this point as the label position.
    if (bounds.length === 1) {
        return (0, default_1.inferIdentityStyle)(position, points, value, coordinate);
    }
    const inferDefaultStyle = (0, coordinate_1.isRadial)(coordinate)
        ? default_1.inferRadialStyle
        : (0, coordinate_1.isCircular)(coordinate)
            ? inferOutsideCircularStyle
            : default_1.inferNonCircularStyle;
    return inferDefaultStyle(position, points, value, coordinate);
}
exports.outside = outside;
//# sourceMappingURL=outside.js.map