add extjs 6.0.1 sources

[extjs.git] / extjs / packages / charts / src / chart / label / Callout.js

/**\r
 * @class Ext.chart.label.Callout\r
 * @extends Ext.draw.modifier.Modifier\r
 *\r
 * This is a modifier to place labels and callouts by additional attributes.\r
 */\r
Ext.define('Ext.chart.label.Callout', {\r
    extend: 'Ext.draw.modifier.Modifier',\r
\r
    prepareAttributes: function (attr) {\r
        if (!attr.hasOwnProperty('calloutOriginal')) {\r
            attr.calloutOriginal = Ext.Object.chain(attr);\r
            // No __proto__, nor getPrototypeOf in IE8,\r
            // so manually saving a reference to 'attr' after chaining.\r
            attr.calloutOriginal.prototype = attr;\r
        }\r
        if (this._previous) {\r
            this._previous.prepareAttributes(attr.calloutOriginal);\r
        }\r
    },\r
\r
    setAttrs: function (attr, changes) {\r
        var callout = attr.callout,\r
            origin = attr.calloutOriginal,\r
            bbox = attr.bbox.plain,\r
            width = (bbox.width || 0) + attr.labelOverflowPadding,\r
            height = (bbox.height || 0) + attr.labelOverflowPadding,\r
            dx, dy;\r
\r
        if ('callout' in changes) {\r
            callout = changes.callout;\r
        }\r
\r
        if ('callout' in changes || 'calloutPlaceX' in changes || 'calloutPlaceY' in changes || 'x' in changes || 'y' in changes) {\r
            var rotationRads = 'rotationRads' in changes ? origin.rotationRads = changes.rotationRads : origin.rotationRads,\r
                x = 'x' in changes ? (origin.x = changes.x) : origin.x,\r
                y = 'y' in changes ? (origin.y = changes.y) : origin.y,\r
                calloutPlaceX = 'calloutPlaceX' in changes ? changes.calloutPlaceX : attr.calloutPlaceX,\r
                calloutPlaceY = 'calloutPlaceY' in changes ? changes.calloutPlaceY : attr.calloutPlaceY,\r
                calloutVertical = 'calloutVertical' in changes ? changes.calloutVertical : attr.calloutVertical,\r
                temp;\r
\r
            // Normalize Rotations\r
            rotationRads %= Math.PI * 2;\r
            if (Math.cos(rotationRads) < 0) {\r
                rotationRads = (rotationRads + Math.PI) % (Math.PI * 2);\r
            }\r
\r
            if (rotationRads > Math.PI) {\r
                rotationRads -= Math.PI * 2;\r
            }\r
\r
            if (calloutVertical) {\r
                rotationRads = rotationRads * (1 - callout) - Math.PI / 2 * callout;\r
                temp = width;\r
                width = height;\r
                height = temp;\r
            } else {\r
                rotationRads = rotationRads * (1 - callout);\r
            }\r
            changes.rotationRads = rotationRads;\r
\r
\r
            // Placing a label in the middle of a pie slice (x/y)\r
            // if callout doesn't exists (callout=0),\r
            // or outside the pie slice (calloutPlaceX/Y) if it does (callout=1).\r
            changes.x = x * (1 - callout) + calloutPlaceX * callout;\r
            changes.y = y * (1 - callout) + calloutPlaceY * callout;\r
\r
\r
            dx = calloutPlaceX - x;\r
            dy = calloutPlaceY - y;\r
            // Finding where the callout line intersects the bbox of the label\r
            // if it were to go to the center of the label,\r
            // and make that intersection point the end of the callout line.\r
            // Effectively, the end of the callout line traces label's bbox when chart is rotated.\r
            if (Math.abs(dy * width) > Math.abs(dx * height)) {\r
                // on top/bottom\r
                if (dy > 0) {\r
                    changes.calloutEndX = changes.x - (height / 2) * (dx / dy) * callout;\r
                    changes.calloutEndY = changes.y - (height / 2) * callout;\r
                } else {\r
                    changes.calloutEndX = changes.x + (height / 2) * (dx / dy) * callout;\r
                    changes.calloutEndY = changes.y + (height / 2) * callout;\r
                }\r
            } else {\r
                // on left/right\r
                if (dx > 0) {\r
                    changes.calloutEndX = changes.x - width / 2;\r
                    changes.calloutEndY = changes.y - (width / 2) * (dy / dx) * callout;\r
                } else {\r
                    changes.calloutEndX = changes.x + width / 2;\r
                    changes.calloutEndY = changes.y + (width / 2) * (dy / dx) * callout;\r
                }\r
            }\r
            // Since the length of the callout line is adjusted depending on the label's position\r
            // and dimensions, we hide the callout line if the length becomes negative.\r
            if (changes.calloutStartX && changes.calloutStartY) {\r
                changes.calloutHasLine =\r
                    (dx > 0 && changes.calloutStartX < changes.calloutEndX) ||\r
                    (dx <= 0 && changes.calloutStartX > changes.calloutEndX) ||\r
                    (dy > 0 && changes.calloutStartY < changes.calloutEndY) ||\r
                    (dy <= 0 && changes.calloutStartY > changes.calloutEndY);\r
            } else {\r
                changes.calloutHasLine = true;\r
            }\r
        }\r
\r
        return changes;\r
    },\r
\r
    pushDown: function (attr, changes) {\r
        changes = this.callParent([attr.calloutOriginal, changes]);\r
        return this.setAttrs(attr, changes);\r
    },\r
\r
    popUp: function (attr, changes) {\r
        attr = attr.prototype;\r
        changes = this.setAttrs(attr, changes);\r
        if (this._next) {\r
            return this._next.popUp(attr, changes);\r
        } else {\r
            return Ext.apply(attr, changes);\r
        }\r
    }\r
});