3.0 source code

OfficeWeb/vendor/touch/src/chart/grid/HorizontalGrid.js

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