add extjs 6.0.1 sources

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

/**\r
 * @class Ext.chart.label.Label\r
 * @extends Ext.draw.sprite.Text\r
 *\r
 * Sprite used to represent labels in series.\r
 *\r
 * Important: the actual default values are determined by the theme used.\r
 * Please see the `label` config of the {@link Ext.chart.theme.Base#axis}.\r
 */\r
Ext.define('Ext.chart.label.Label', {\r
    extend: 'Ext.draw.sprite.Text',\r
    requires: ['Ext.chart.label.Callout'],\r
\r
    inheritableStatics: {\r
        def: {\r
            processors: {\r
                callout: 'limited01',\r
                calloutHasLine: 'bool',\r
                calloutPlaceX: 'number',\r
                calloutPlaceY: 'number',\r
                calloutStartX: 'number',\r
                calloutStartY: 'number',\r
                calloutEndX: 'number',\r
                calloutEndY: 'number',\r
                calloutColor: 'color',\r
                calloutWidth: 'number',\r
                calloutVertical: 'bool',\r
                labelOverflowPadding: 'number',\r
                display: 'enums(none,under,over,rotate,insideStart,insideEnd,inside,outside)',\r
                orientation: 'enums(horizontal,vertical)',\r
                renderer: 'default'\r
            },\r
\r
            defaults: {\r
                callout: 0,\r
                calloutHasLine: true,\r
                calloutPlaceX: 0,\r
                calloutPlaceY: 0,\r
                calloutStartX: 0,\r
                calloutStartY: 0,\r
                calloutEndX: 0,\r
                calloutEndY: 0,\r
                calloutWidth: 1,\r
                calloutVertical: false,\r
                calloutColor: 'black',\r
                labelOverflowPadding: 5,\r
                display: 'none',\r
                orientation: '',\r
                renderer: null\r
            },\r
\r
            triggers: {\r
                callout: 'transform',\r
                calloutPlaceX: 'transform',\r
                calloutPlaceY: 'transform',\r
                labelOverflowPadding: 'transform',\r
                calloutRotation: 'transform',\r
                display: 'hidden'\r
            },\r
\r
            updaters: {\r
                hidden: function (attrs) {\r
                    attrs.hidden = attrs.display === 'none';\r
                }\r
            }\r
        }\r
    },\r
\r
    config: {\r
        /**\r
         * @cfg {Object} fx Animation configuration.\r
         */\r
        fx: {\r
            customDurations: {\r
                callout: 200\r
            }\r
        },\r
        field: null,\r
        /**\r
         * @cfg {Boolean|Object} calloutLine\r
         *\r
         * True to draw a line between the label and the chart with the default settings,\r
         * or an Object that defines the 'color', 'width' and 'length' properties of the line.\r
         * This config is only applicable when the label is displayed outside the chart.\r
         *\r
         * Default value: false.\r
         */\r
        calloutLine: true\r
    },\r
\r
    applyCalloutLine: function (calloutLine) {\r
        if (calloutLine) {\r
            return Ext.apply({}, calloutLine);\r
        }\r
    },\r
\r
    prepareModifiers: function () {\r
        this.callParent(arguments);\r
        this.calloutModifier = new Ext.chart.label.Callout({sprite: this});\r
        this.fx.setNext(this.calloutModifier);\r
        this.calloutModifier.setNext(this.topModifier);\r
    },\r
\r
    render: function (surface, ctx) {\r
        var me = this,\r
            attr = me.attr,\r
            calloutColor = attr.calloutColor;\r
\r
        ctx.save();\r
        ctx.globalAlpha *= attr.callout;\r
        if (ctx.globalAlpha > 0 && attr.calloutHasLine) {\r
            if (calloutColor && calloutColor.isGradient) {\r
                calloutColor = calloutColor.getStops()[0].color;\r
            }\r
            ctx.strokeStyle = calloutColor;\r
            ctx.fillStyle = calloutColor;\r
            ctx.lineWidth = attr.calloutWidth;\r
            ctx.beginPath();\r
            ctx.moveTo(me.attr.calloutStartX, me.attr.calloutStartY);\r
            ctx.lineTo(me.attr.calloutEndX, me.attr.calloutEndY);\r
            ctx.stroke();\r
\r
            ctx.beginPath();\r
            ctx.arc(me.attr.calloutStartX, me.attr.calloutStartY, 1 * attr.calloutWidth, 0, 2 * Math.PI, true);\r
            ctx.fill();\r
\r
            ctx.beginPath();\r
            ctx.arc(me.attr.calloutEndX, me.attr.calloutEndY, 1 * attr.calloutWidth, 0, 2 * Math.PI, true);\r
            ctx.fill();\r
        }\r
        ctx.restore();\r
\r
        Ext.draw.sprite.Text.prototype.render.apply(me, arguments);\r
    }\r
});