add extjs 6.0.1 sources

[extjs.git] / extjs / packages / charts / src / chart / grid / HorizontalGrid.js

/**\r
 * @class Ext.chart.grid.HorizontalGrid\r
 * @extends Ext.draw.sprite.Sprite\r
 * \r
 * Horizontal Grid sprite. Used in Cartesian Charts.\r
 */\r
Ext.define('Ext.chart.grid.HorizontalGrid', {\r
    extend: 'Ext.draw.sprite.Sprite',\r
    alias: 'grid.horizontal',\r
\r
    inheritableStatics: {\r
        def: {\r
            processors: {\r
                x: 'number',\r
                y: 'number',\r
                width: 'number',\r
                height: 'number'\r
            },\r
\r
            defaults: {\r
                x: 0,\r
                y: 0,\r
                width: 1,\r
                height: 1,\r
                strokeStyle: '#DDD'\r
            }\r
        }\r
    },\r
\r
    render: function (surface, ctx, clipRect) {\r
        var attr = this.attr,\r
            y = surface.roundPixel(attr.y),\r
            halfLineWidth = ctx.lineWidth * 0.5;\r
\r
        ctx.beginPath();\r
        ctx.rect(clipRect[0] - surface.matrix.getDX(), y + halfLineWidth, +clipRect[2], attr.height);\r
        ctx.fill();\r
\r
        ctx.beginPath();\r
        ctx.moveTo(clipRect[0] - surface.matrix.getDX(), y + halfLineWidth);\r
        ctx.lineTo(clipRect[0] + clipRect[2] - surface.matrix.getDX(), y + halfLineWidth);\r
        ctx.stroke();\r
    }\r
});