@windborne/grapher 1.0.13 → 1.0.14

package/package.json

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

package/readme.md

@@ -97,7 +97,7 @@ The `series` prop requires an array of objects, where each object represents a d
 - **gradient**: Gradient configuration, only applies to area rendering (array)
 - **zeroLineWidth**: Width of the zero line, only applies to bar and area rendering (number)
 - **zeroLineColor**: Color of the zero line, only applies to bar and area rendering (string)
-- **zeroLineY**: Y-coordinate of the zero line, only applies to bar and area rendering (number). Defaults to zero.
+- **zeroLineY**: Y-coordinate of the zero line, only applies to bar and area rendering (number or "bottom"). Defaults to zero; may also be the string "bottom".
 - **pointRadius**: Radius of points, only applies to area rendering (number)
 - **tooltipWidth**: Expected width of the tooltip (number). Will make the tooltip switch sides when this width plus the tooltip left position is greater than the graph width.
 - **hasAreaBottom**: read the bottom of the area from data (boolean). By default, the bottom of an area will just be zero; this allows changing that via passing in `[[x1, bottom], [x1, top], [x2, bottom], [x2, top]]` to data (see [examples/dynamic_bottom_area_chart.js](examples/dynamic_bottom_area_chart.js)).

package/src/helpers/custom_prop_types.js

@@ -70,7 +70,7 @@ const SingleSeries = PropTypes.shape({
     gradient: PropTypes.array, // only applies to area
     zeroLineWidth: PropTypes.number, // only applies to bar and area
     zeroLineColor: PropTypes.string,  // only applies to bar and area
-    zeroLineY: PropTypes.number, // only applies to bar and area
+    zeroLineY: PropTypes.oneOfType([PropTypes.number, PropTypes.string]), // only applies to bar and area
     pointRadius: PropTypes.number, // only applies to area
     tooltipWidth: PropTypes.number,
     hasAreaBottom: PropTypes.bool,

package/src/renderer/graph_body_renderer.js

@@ -156,11 +156,15 @@ export default class GraphBodyRenderer extends Eventable {
                 bounds = singleSeries.axis.currentBounds;
             }
 
+            const zero = singleSeries.zeroLineY === 'bottom' ?
+                this._sizing.renderHeight :
+                (1.0 - ((singleSeries.zeroLineY || 0) - bounds.minY) / (bounds.maxY - bounds.minY)) * this._sizing.renderHeight;
+
             commonCPUParams = {
                 context: this._context2d,
                 color: getColor(singleSeries.color, singleSeries.index, singleSeries.multigrapherSeriesIndex),
                 sizing: this._sizing,
-                zero: (1.0 - ((singleSeries.zeroLineY || 0) - bounds.minY) / (bounds.maxY - bounds.minY)) * this._sizing.renderHeight,
+                zero,
                 hasNegatives: !!singleSeries.inDataSpace.find((tuple) => tuple[1] < 0),
                 negativeColor: singleSeries.negativeColor,
                 zeroWidth: singleSeries.zeroLineWidth,