Function alignHoverText

src/components/fx/hover.js:2050–2158

(hoverLabels, rotateLabels, scaleX, scaleY)

}

function alignHoverText(hoverLabels, rotateLabels, scaleX, scaleY) {
    var pX = function (x) {
        return x * scaleX;
    };
    var pY = function (y) {
        return y * scaleY;
    };

    // finally set the text positioning relative to the data and draw the
    // box around it
    hoverLabels.each(function (d) {
        var g = d3.select(this);
        if (d.del) return g.remove();

        var tx = g.select('text.nums');
        var anchor = d.anchor;
        var horzSign = anchor === 'end' ? -1 : 1;
        var shiftX = getTextShiftX(d);
        var offsets = getHoverLabelOffsets(d, rotateLabels);
        var offsetX = offsets.x;
        var offsetY = offsets.y;

        var isMiddle = anchor === 'middle';
        // Get 'showarrow' attribute value from trace hoverlabel settings;
        // if trace has no hoverlabel settings, we should show the arrow by default
        var showArrow = 'hoverlabel' in d.trace ? d.trace.hoverlabel.showarrow : true;

        var pathStr;
        if (isMiddle) {
            // middle aligned: rect centered on data
            pathStr =
                'M-' +
                pX(d.bx / 2 + d.tx2width / 2) +
                ',' +
                pY(offsetY - d.by / 2) +
                'h' +
                pX(d.bx) +
                'v' +
                pY(d.by) +
                'h-' +
                pX(d.bx) +
                'Z';
        } else if (showArrow) {
            // left or right aligned: side rect with arrow to data
            pathStr =
                'M0,0L' +
                pX(horzSign * HOVERARROWSIZE + offsetX) +
                ',' +
                pY(HOVERARROWSIZE + offsetY) +
                'v' +
                pY(d.by / 2 - HOVERARROWSIZE) +
                'h' +
                pX(horzSign * d.bx) +
                'v-' +
                pY(d.by) +
                'H' +
                pX(horzSign * HOVERARROWSIZE + offsetX) +
                'V' +