@windborne/grapher 1.0.5 → 1.0.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@windborne/grapher",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "description": "Graphing library",
   "main": "bundle.js",
   "publishConfig": {},

package/readme.md

@@ -1,5 +1,5 @@
 
-# Grapher
+# WindBorne Grapher
 Powerful, performant graphing.
 
 Grapher is designed primarily for internal infrastructure with lots of data and lots of axes. 
@@ -300,6 +300,8 @@ Array of vertical line objects to display on the graph with properties:
 - `text`: Optional text to display alongside the line
 - `textTop`: Optional value to specify the vertical position of the text
 - `textStyle`: Optional styling object for the text
+- `minPixelX`: Optional number. If the x position of the line in pixels is less than this value, the line will be hidden
+- `maxPixelX`: Optional number. If the x position of the line in pixels is greater than this value, the line will be hidden
 - `onRangeGraph`: If true, will show the line on the range graph as well. This may also be an object with any of the above options to adjust the styling
 - `onRangeGraphOnly`: If true, the vertical line will only appear on the range graph and not the primary graph
 

package/src/components/vertical_lines.js

@@ -42,7 +42,6 @@ function VerticalLines({ stateController, verticalLines, isRangeGraph, bounds, e
                             };
                         }
 
-
                         const xT = (line.x - bounds.minX)/(bounds.maxX - bounds.minX);
 
                         if (xT < 0 || xT > 1) {
@@ -50,6 +49,13 @@ function VerticalLines({ stateController, verticalLines, isRangeGraph, bounds, e
                         }
 
                         const pixelX = xT * (elementWidth || sizing.elementWidth);
+                        if (typeof line.minPixelX === 'number' && pixelX < line.minPixelX) {
+                            return null;
+                        }
+
+                        if (typeof line.maxPixelX === 'number' && pixelX > line.maxPixelX) {
+                            return null;
+                        }
 
                         const lineStyle = {
                             stroke: line.color,

package/src/helpers/custom_prop_types.js

@@ -142,6 +142,8 @@ const VerticalLine = PropTypes.shape({
     text: PropTypes.string,
     textTop: PropTypes.number,
     textStyle: PropTypes.object,
+    minPixelX: PropTypes.number,
+    maxPixelX: PropTypes.number,
     onRangeGraph: PropTypes.oneOfType([
         PropTypes.bool,
         PropTypes.object // anything that can be passed into the overall vertical line