add extjs 6.0.1 sources

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

/**\r
 * @class Ext.chart.grid.HorizontalGrid3D\r
 * @extends Ext.chart.grid.HorizontalGrid\r
 *\r
 * Horizontal 3D Grid sprite. Used in 3D Cartesian Charts.\r
 */\r
Ext.define('Ext.chart.grid.HorizontalGrid3D', {\r
    extend: 'Ext.chart.grid.HorizontalGrid',\r
    alias: 'grid.horizontal3d',\r
\r
    inheritableStatics: {\r
        def: {\r
            processors: {\r
                depth: 'number'\r
            },\r
\r
            defaults: {\r
                depth: 0\r
            }\r
        }\r
    },\r
\r
    render: function (surface, ctx, clipRect) {\r
        var attr = this.attr,\r
            x = surface.roundPixel(attr.x),\r
            y = surface.roundPixel(attr.y),\r
            dx = surface.matrix.getDX(),\r
            halfLineWidth = ctx.lineWidth * 0.5,\r
            height = attr.height,\r
            depth = attr.depth,\r
            left, top;\r
\r
        if (y <= clipRect[1]) {\r
            return;\r
        }\r
\r
        // Horizontal stripe.\r
\r
        left = clipRect[0] + depth - dx;\r
        top  = y + halfLineWidth - depth;\r
\r
        ctx.beginPath();\r
        ctx.rect(left, top, clipRect[2], height);\r
        ctx.fill();\r
\r
        // Horizontal line.\r
\r
        ctx.beginPath();\r
        ctx.moveTo(left,               top);\r
        ctx.lineTo(left + clipRect[2], top);\r
        ctx.stroke();\r
\r
        // Diagonal stripe.\r
\r
        left = clipRect[0] + x - dx;\r
        top  = y + halfLineWidth;\r
\r
        ctx.beginPath();\r
        ctx.moveTo(left,         top);\r
        ctx.lineTo(left + depth, top - depth);\r
        ctx.lineTo(left + depth, top - depth + height);\r
        ctx.lineTo(left,         top + height);\r
        ctx.closePath();\r
        ctx.fill();\r
\r
        // Diagonal line.\r
\r
        ctx.beginPath();\r
        ctx.moveTo(left,         top);\r
        ctx.lineTo(left + depth, top - depth);\r
        ctx.stroke();\r
    }\r
});