plottable 3.9.0-dev-53-gcd8302f → 3.9.0-dev-57-g2333f4e

package/plottable.js

@@ -296,7 +296,7 @@ var RTree = __webpack_require__(61);
 exports.RTree = RTree;
 var Stacking = __webpack_require__(122);
 exports.Stacking = Stacking;
-var Window = __webpack_require__(37);
+var Window = __webpack_require__(38);
 exports.Window = Window;
 tslib_1.__exportStar(__webpack_require__(115), exports);
 tslib_1.__exportStar(__webpack_require__(116), exports);
@@ -330,7 +330,7 @@ var d3 = __webpack_require__(2);
 var Animators = __webpack_require__(9);
 var Utils = __webpack_require__(1);
 var Plots = __webpack_require__(55);
-var memoize_1 = __webpack_require__(21);
+var memoize_1 = __webpack_require__(22);
 var component_1 = __webpack_require__(6);
 var canvasDrawer_1 = __webpack_require__(19);
 var drawer_1 = __webpack_require__(8);
@@ -1180,9 +1180,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 __export(__webpack_require__(64));
 __export(__webpack_require__(67));
 __export(__webpack_require__(140));
-__export(__webpack_require__(22));
+__export(__webpack_require__(23));
 __export(__webpack_require__(69));
-__export(__webpack_require__(29));
+__export(__webpack_require__(30));
 //# sourceMappingURL=index.js.map
 
 /***/ }),
@@ -1197,9 +1197,9 @@ __export(__webpack_require__(29));
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 var d3 = __webpack_require__(2);
-var RenderController = __webpack_require__(32);
+var RenderController = __webpack_require__(33);
 var Utils = __webpack_require__(1);
-var lodash_1 = __webpack_require__(38);
+var lodash_1 = __webpack_require__(39);
 var coerceD3_1 = __webpack_require__(13);
 var makeEnum_1 = __webpack_require__(11);
 exports.XAlignment = makeEnum_1.makeEnum(["left", "center", "right"]);
@@ -2282,7 +2282,7 @@ exports.makeEnum = makeEnum;
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = __webpack_require__(0);
 var d3 = __webpack_require__(2);
-var panZoomConstraints_1 = __webpack_require__(27);
+var panZoomConstraints_1 = __webpack_require__(28);
 var Utils = __webpack_require__(1);
 var scale_1 = __webpack_require__(18);
 var QuantitativeScale = /** @class */ (function (_super) {
@@ -2619,8 +2619,8 @@ tslib_1.__exportStar(__webpack_require__(49), exports);
 tslib_1.__exportStar(__webpack_require__(50), exports);
 tslib_1.__exportStar(__webpack_require__(19), exports);
 tslib_1.__exportStar(__webpack_require__(8), exports);
-tslib_1.__exportStar(__webpack_require__(35), exports);
 tslib_1.__exportStar(__webpack_require__(36), exports);
+tslib_1.__exportStar(__webpack_require__(37), exports);
 tslib_1.__exportStar(__webpack_require__(51), exports);
 tslib_1.__exportStar(__webpack_require__(10), exports);
 tslib_1.__exportStar(__webpack_require__(52), exports);
@@ -3349,7 +3349,7 @@ exports.renderPathWithStyle = renderPathWithStyle;
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = __webpack_require__(0);
 tslib_1.__exportStar(__webpack_require__(54), exports);
-tslib_1.__exportStar(__webpack_require__(28), exports);
+tslib_1.__exportStar(__webpack_require__(29), exports);
 tslib_1.__exportStar(__webpack_require__(55), exports);
 tslib_1.__exportStar(__webpack_require__(99), exports);
 tslib_1.__exportStar(__webpack_require__(57), exports);
@@ -3368,6 +3368,175 @@ tslib_1.__exportStar(__webpack_require__(106), exports);
 
 "use strict";
 
+/**
+ * Copyright 2014-present Palantir Technologies
+ * @license MIT
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = __webpack_require__(0);
+var Typesettable = __webpack_require__(5);
+var component_1 = __webpack_require__(6);
+var Label = /** @class */ (function (_super) {
+    tslib_1.__extends(Label, _super);
+    /**
+     * A Label is a Component that displays a single line of text.
+     *
+     * @constructor
+     * @param {string} [displayText=""] The text of the Label.
+     * @param {number} [angle=0] The angle of the Label in degrees (-90/0/90). 0 is horizontal.
+     */
+    function Label(displayText, angle) {
+        if (displayText === void 0) { displayText = ""; }
+        if (angle === void 0) { angle = 0; }
+        var _this = _super.call(this) || this;
+        _this.addClass("label");
+        _this.text(displayText);
+        _this.angle(angle);
+        _this.xAlignment("center").yAlignment("center");
+        _this._padding = 0;
+        return _this;
+    }
+    Label.prototype.requestedSpace = function (offeredWidth, offeredHeight) {
+        var desiredWH = this._measurer.measure(this._text);
+        var desiredWidth = (this.angle() === 0 ? desiredWH.width : desiredWH.height) + 2 * this.padding();
+        var desiredHeight = (this.angle() === 0 ? desiredWH.height : desiredWH.width) + 2 * this.padding();
+        return {
+            minWidth: desiredWidth,
+            minHeight: desiredHeight,
+        };
+    };
+    Label.prototype._setup = function () {
+        _super.prototype._setup.call(this);
+        this._textContainer = this.content().append("g");
+        var context = new Typesettable.SvgContext(this._textContainer.node());
+        this._measurer = new Typesettable.CacheMeasurer(context);
+        this._wrapper = new Typesettable.Wrapper();
+        this._writer = new Typesettable.Writer(this._measurer, context, this._wrapper);
+        this.text(this._text);
+    };
+    Label.prototype.text = function (displayText) {
+        if (displayText == null) {
+            return this._text;
+        }
+        else {
+            if (typeof displayText !== "string") {
+                throw new Error("Label.text() only takes strings as input");
+            }
+            this._text = displayText;
+            this.redraw();
+            return this;
+        }
+    };
+    Label.prototype.angle = function (angle) {
+        if (angle == null) {
+            return this._angle;
+        }
+        else {
+            angle %= 360;
+            if (angle > 180) {
+                angle -= 360;
+            }
+            else if (angle < -180) {
+                angle += 360;
+            }
+            if (angle === -90 || angle === 0 || angle === 90) {
+                this._angle = angle;
+            }
+            else {
+                throw new Error(angle + " is not a valid angle for Label");
+            }
+            this.redraw();
+            return this;
+        }
+    };
+    Label.prototype.padding = function (padAmount) {
+        if (padAmount == null) {
+            return this._padding;
+        }
+        else {
+            padAmount = +padAmount;
+            if (padAmount < 0) {
+                throw new Error(padAmount + " is not a valid padding value. Cannot be less than 0.");
+            }
+            this._padding = padAmount;
+            this.redraw();
+            return this;
+        }
+    };
+    Label.prototype.fixedWidth = function () {
+        return true;
+    };
+    Label.prototype.fixedHeight = function () {
+        return true;
+    };
+    Label.prototype.renderImmediately = function () {
+        _super.prototype.renderImmediately.call(this);
+        // HACKHACK Typesettable.remove existing content - #21 on Typesettable.
+        this._textContainer.selectAll("g").remove();
+        var textMeasurement = this._measurer.measure(this._text);
+        var heightPadding = Math.max(Math.min((this.height() - textMeasurement.height) / 2, this.padding()), 0);
+        var widthPadding = Math.max(Math.min((this.width() - textMeasurement.width) / 2, this.padding()), 0);
+        this._textContainer.attr("transform", "translate(" + widthPadding + "," + heightPadding + ")");
+        var writeWidth = this.width() - 2 * widthPadding;
+        var writeHeight = this.height() - 2 * heightPadding;
+        var writeOptions = {
+            xAlign: this.xAlignment(),
+            yAlign: this.yAlignment(),
+            textRotation: this.angle(),
+        };
+        this._writer.write(this._text, writeWidth, writeHeight, writeOptions);
+        return this;
+    };
+    Label.prototype.invalidateCache = function () {
+        _super.prototype.invalidateCache.call(this);
+        this._measurer.reset();
+    };
+    Label._MIN_FONT_SIZE_PX = 12;
+    Label._MAX_FONT_SIZE_PX = 24;
+    Label._DEFAULT_FONT_SIZE_PX = 12;
+    return Label;
+}(component_1.Component));
+exports.Label = Label;
+var TitleLabel = /** @class */ (function (_super) {
+    tslib_1.__extends(TitleLabel, _super);
+    /**
+     * @constructor
+     * @param {string} [text]
+     * @param {number} [angle] One of -90/0/90. 0 is horizontal.
+     */
+    function TitleLabel(text, angle) {
+        var _this = _super.call(this, text, angle) || this;
+        _this.addClass(TitleLabel.TITLE_LABEL_CLASS);
+        return _this;
+    }
+    TitleLabel.TITLE_LABEL_CLASS = "title-label";
+    return TitleLabel;
+}(Label));
+exports.TitleLabel = TitleLabel;
+var AxisLabel = /** @class */ (function (_super) {
+    tslib_1.__extends(AxisLabel, _super);
+    /**
+     * @constructor
+     * @param {string} [text]
+     * @param {number} [angle] One of -90/0/90. 0 is horizontal.
+     */
+    function AxisLabel(text, angle) {
+        var _this = _super.call(this, text, angle) || this;
+        _this.addClass(AxisLabel.AXIS_LABEL_CLASS);
+        return _this;
+    }
+    AxisLabel.AXIS_LABEL_CLASS = "axis-label";
+    return AxisLabel;
+}(Label));
+exports.AxisLabel = AxisLabel;
+
+
+/***/ }),
+/* 22 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
 /**
  * Copyright 2014-present Palantir Technologies
  * @license MIT
@@ -3382,7 +3551,7 @@ exports.sign = signature_1.sign;
 
 
 /***/ }),
-/* 22 */
+/* 23 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -3403,7 +3572,7 @@ __export(__webpack_require__(144));
 //# sourceMappingURL=index.js.map
 
 /***/ }),
-/* 23 */
+/* 24 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -3417,6 +3586,7 @@ var tslib_1 = __webpack_require__(0);
 var d3 = __webpack_require__(2);
 var Typesettable = __webpack_require__(5);
 var component_1 = __webpack_require__(6);
+var label_1 = __webpack_require__(21);
 var Formatters = __webpack_require__(7);
 var Utils = __webpack_require__(1);
 var makeEnum_1 = __webpack_require__(11);
@@ -3433,6 +3603,11 @@ var Axis = /** @class */ (function (_super) {
      */
     function Axis(scale, orientation) {
         var _this = _super.call(this) || this;
+        /**
+         * `protected` instead of `private` to accommodate time axes which draw their own label containers
+         * and need access to this value.
+         */
+        _this._tickLabelFontSize = label_1.Label._DEFAULT_FONT_SIZE_PX;
         _this._endTickLength = 5;
         _this._innerTickLength = 5;
         _this._tickLabelPadding = 10;
@@ -3485,6 +3660,18 @@ var Axis = /** @class */ (function (_super) {
         }
         return element === undefined ? undefined : d3.select(element).datum();
     };
+    Axis.prototype.tickLabelFontSize = function (fontSize) {
+        if (fontSize == null) {
+            return this._tickLabelFontSize;
+        }
+        else {
+            this._tickLabelFontSize = fontSize;
+            if (this._tickLabelContainer != null) {
+                this._configureTickLabelContainer();
+            }
+            return this.render();
+        }
+    };
     Axis.prototype._computeWidth = function () {
         // to be overridden by subclass logic
         return this._maxLabelTickLength();
@@ -3556,8 +3743,7 @@ var Axis = /** @class */ (function (_super) {
         _super.prototype._setup.call(this);
         this._tickMarkContainer = this.content().append("g")
             .classed(Axis.TICK_MARK_CLASS + "-container", true);
-        this._tickLabelContainer = this.content().append("g")
-            .classed(Axis.TICK_LABEL_CLASS + "-container", true);
+        this._configureTickLabelContainer();
         this._baseline = this.content().append("line").classed("baseline", true);
         this._annotationContainer = this.content().append("g")
             .classed("annotation-container", true);
@@ -3569,6 +3755,15 @@ var Axis = /** @class */ (function (_super) {
         this._annotationMeasurer = new Typesettable.CacheMeasurer(typesetterContext);
         this._annotationWriter = new Typesettable.Writer(this._annotationMeasurer, typesetterContext);
     };
+    Axis.prototype._configureTickLabelContainer = function () {
+        if (this._tickLabelContainer == null) {
+            this._tickLabelContainer = this.content().append("g");
+        }
+        // clearing to remove outdated font-size classes
+        this._tickLabelContainer.attr("class", null)
+            .classed(Axis.TICK_LABEL_CLASS + "-container", true)
+            .classed("label-" + this._tickLabelFontSize, true);
+    };
     /*
      * Function for generating tick values in data-space (as opposed to pixel values).
      * To be implemented by subclasses.
@@ -4048,7 +4243,9 @@ var Axis = /** @class */ (function (_super) {
     };
     Axis.prototype.invalidateCache = function () {
         _super.prototype.invalidateCache.call(this);
-        this._annotationMeasurer.reset();
+        if (this._annotationMeasurer != null) {
+            this._annotationMeasurer.reset();
+        }
     };
     /**
      * The css class applied to each end tick mark (the line on the end tick).
@@ -4085,7 +4282,7 @@ exports.Axis = Axis;
 
 
 /***/ }),
-/* 24 */
+/* 25 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -4106,7 +4303,7 @@ exports.ADD_TITLE_ELEMENTS = true;
 
 
 /***/ }),
-/* 25 */
+/* 26 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -4198,7 +4395,7 @@ exports.Dispatcher = Dispatcher;
 
 
 /***/ }),
-/* 26 */
+/* 27 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -4211,15 +4408,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = __webpack_require__(0);
 tslib_1.__exportStar(__webpack_require__(92), exports);
 tslib_1.__exportStar(__webpack_require__(93), exports);
-tslib_1.__exportStar(__webpack_require__(43), exports);
+tslib_1.__exportStar(__webpack_require__(44), exports);
 tslib_1.__exportStar(__webpack_require__(94), exports);
 tslib_1.__exportStar(__webpack_require__(95), exports);
-var panZoomConstraints_1 = __webpack_require__(27);
+var panZoomConstraints_1 = __webpack_require__(28);
 exports.zoomOut = panZoomConstraints_1.zoomOut;
 
 
 /***/ }),
-/* 27 */
+/* 28 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -4378,7 +4575,7 @@ function isDomainReversed(scale) {
 
 
 /***/ }),
-/* 28 */
+/* 29 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -4392,11 +4589,12 @@ var tslib_1 = __webpack_require__(0);
 var d3 = __webpack_require__(2);
 var Typesettable = __webpack_require__(5);
 var Animators = __webpack_require__(9);
+var label_1 = __webpack_require__(21);
 var Formatters = __webpack_require__(7);
 var Drawers = __webpack_require__(15);
 var drawer_1 = __webpack_require__(8);
-var rectangleDrawer_1 = __webpack_require__(36);
-var memoize_1 = __webpack_require__(21);
+var rectangleDrawer_1 = __webpack_require__(37);
+var memoize_1 = __webpack_require__(22);
 var Scales = __webpack_require__(4);
 var quantitativeScale_1 = __webpack_require__(12);
 var Utils = __webpack_require__(1);
@@ -4421,6 +4619,7 @@ var Bar = /** @class */ (function (_super) {
         _this._labelFormatter = Formatters.identity();
         _this._labelsEnabled = false;
         _this._labelsPosition = exports.LabelsPosition.end;
+        _this._labelFontSize = label_1.Label._DEFAULT_FONT_SIZE_PX;
         _this._hideBarsIfAnyAreTooWide = true;
         _this._barAlignment = "middle";
         _this._computeBarPixelThickness = memoize_1.memoize(computeBarPixelThickness);
@@ -4594,9 +4793,29 @@ var Bar = /** @class */ (function (_super) {
             return this;
         }
     };
+    Bar.prototype.labelFontSize = function (fontSize) {
+        var _this = this;
+        if (fontSize == null) {
+            return this._labelFontSize;
+        }
+        else {
+            this.invalidateCache();
+            this._labelFontSize = fontSize;
+            this._labelConfig.forEach(function (_a) {
+                var labelArea = _a.labelArea;
+                // clearing to remove outdated font-size classes
+                labelArea.attr("class", null)
+                    .classed(Bar._LABEL_AREA_CLASS, true)
+                    .classed("label-" + _this._labelFontSize, true);
+            });
+            return this.render();
+        }
+    };
     Bar.prototype._createNodesForDataset = function (dataset) {
         var drawer = _super.prototype._createNodesForDataset.call(this, dataset);
-        var labelArea = this._renderArea.append("g").classed(Bar._LABEL_AREA_CLASS, true);
+        var labelArea = this._renderArea.append("g")
+            .classed(Bar._LABEL_AREA_CLASS, true)
+            .classed("label-" + this._labelFontSize, true);
         var context = new Typesettable.SvgContext(labelArea.node());
         var measurer = new Typesettable.CacheMeasurer(context);
         var writer = new Typesettable.Writer(measurer, context);
@@ -5070,7 +5289,12 @@ var Bar = /** @class */ (function (_super) {
     Bar.prototype.invalidateCache = function () {
         var _this = this;
         _super.prototype.invalidateCache.call(this);
-        this.datasets().forEach(function (dataset) { return _this._labelConfig.get(dataset).measurer.reset(); });
+        this.datasets().forEach(function (dataset) {
+            var labelConfig = _this._labelConfig.get(dataset);
+            if (labelConfig != null) {
+                labelConfig.measurer.reset();
+            }
+        });
     };
     Bar._BAR_THICKNESS_RATIO = 0.95;
     Bar._BAR_GAPLESS_THRESHOLD_PX = 3;
@@ -5125,7 +5349,7 @@ function computeBarPixelThickness(positionBinding, datasets, plotPositionDimensi
 
 
 /***/ }),
-/* 29 */
+/* 30 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -5143,7 +5367,7 @@ __export(__webpack_require__(146));
 //# sourceMappingURL=index.js.map
 
 /***/ }),
-/* 30 */
+/* 31 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -5160,7 +5384,7 @@ var Formatters = __webpack_require__(7);
 var Scales = __webpack_require__(4);
 var Utils = __webpack_require__(1);
 var makeEnum_1 = __webpack_require__(11);
-var axis_1 = __webpack_require__(23);
+var axis_1 = __webpack_require__(24);
 exports.TimeInterval = makeEnum_1.makeEnum([
     "second",
     "minute",
@@ -5199,6 +5423,23 @@ var Time = /** @class */ (function (_super) {
         _this.annotationFormatter(Formatters.time("%a %b %d, %Y", _this._useUTC));
         return _this;
     }
+    Time.prototype.tickLabelFontSize = function (fontSize) {
+        var _this = this;
+        if (fontSize == null) {
+            return _super.prototype.tickLabelFontSize.call(this);
+        }
+        if (this._tierLabelContainers != null) {
+            this.invalidateCache();
+            this._computeHeight();
+            this._tierLabelContainers.forEach(function (container) {
+                // clearing to remove outdated font-size classes
+                container.attr("class", null)
+                    .classed(axis_1.Axis.TICK_LABEL_CLASS + "-container", true)
+                    .classed("label-" + _this._tickLabelFontSize, true);
+            });
+        }
+        return _super.prototype.tickLabelFontSize.call(this, fontSize);
+    };
     Time.prototype.tierLabelPositions = function (newPositions) {
         if (newPositions == null) {
             return this._tierLabelPositions;
@@ -5343,7 +5584,9 @@ var Time = /** @class */ (function (_super) {
         this._baseline.remove();
         for (var i = 0; i < this._numTiers; ++i) {
             var tierContainer = this.content().append("g").classed(Time.TIME_AXIS_TIER_CLASS, true);
-            this._tierLabelContainers.push(tierContainer.append("g").classed(axis_1.Axis.TICK_LABEL_CLASS + "-container", true));
+            this._tierLabelContainers.push(tierContainer.append("g")
+                .classed(axis_1.Axis.TICK_LABEL_CLASS + "-container", true)
+                .classed("label-" + this._tickLabelFontSize, true));
             this._tierMarkContainers.push(tierContainer.append("g").classed(axis_1.Axis.TICK_MARK_CLASS + "-container", true));
             this._tierBaselines.push(tierContainer.append("line").classed("baseline", true));
         }
@@ -5392,6 +5635,7 @@ var Time = /** @class */ (function (_super) {
             labelPos = tickPos;
         }
         var tickLabelsUpdate = container.selectAll("." + axis_1.Axis.TICK_LABEL_CLASS).data(labelPos, function (d) { return String(d.valueOf()); });
+        tickLabelsUpdate.remove();
         var tickLabelsEnter = tickLabelsUpdate
             .enter()
             .append("g")
@@ -5566,7 +5810,9 @@ var Time = /** @class */ (function (_super) {
     };
     Time.prototype.invalidateCache = function () {
         _super.prototype.invalidateCache.call(this);
-        this._measurer.reset();
+        if (this._measurer != null) {
+            this._measurer.reset();
+        }
     };
     /**
      * The CSS class applied to each Time Axis tier
@@ -5701,7 +5947,7 @@ var _a;
 
 
 /***/ }),
-/* 31 */
+/* 32 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -5792,7 +6038,7 @@ exports.ComponentContainer = ComponentContainer;
 
 
 /***/ }),
-/* 32 */
+/* 33 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -5804,7 +6050,7 @@ exports.ComponentContainer = ComponentContainer;
 Object.defineProperty(exports, "__esModule", { value: true });
 var Utils = __webpack_require__(1);
 var makeEnum_1 = __webpack_require__(11);
-var RenderPolicies = __webpack_require__(42);
+var RenderPolicies = __webpack_require__(43);
 /**
  * The RenderController is responsible for enqueueing and synchronizing
  * layout and render calls for Components.
@@ -5923,7 +6169,7 @@ exports.flush = flush;
 
 
 /***/ }),
-/* 33 */
+/* 34 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -5983,7 +6229,7 @@ exports.wye = wye;
 
 
 /***/ }),
-/* 34 */
+/* 35 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -5994,10 +6240,10 @@ exports.wye = wye;
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = __webpack_require__(0);
-var Interactions = __webpack_require__(26);
+var Interactions = __webpack_require__(27);
 var Utils = __webpack_require__(1);
 var coerceD3_1 = __webpack_require__(13);
-var _1 = __webpack_require__(40);
+var _1 = __webpack_require__(41);
 var selectionBoxLayer_1 = __webpack_require__(47);
 var DragBoxLayer = /** @class */ (function (_super) {
     tslib_1.__extends(DragBoxLayer, _super);
@@ -6366,7 +6612,7 @@ exports.DragBoxLayer = DragBoxLayer;
 
 
 /***/ }),
-/* 35 */
+/* 36 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -6416,7 +6662,7 @@ exports.makeLineCanvasDrawStep = makeLineCanvasDrawStep;
 
 
 /***/ }),
-/* 36 */
+/* 37 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -6468,7 +6714,7 @@ exports.RectangleCanvasDrawer = RectangleCanvasDrawer;
 
 
 /***/ }),
-/* 37 */
+/* 38 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -6478,7 +6724,7 @@ exports.RectangleCanvasDrawer = RectangleCanvasDrawer;
  * @license MIT
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-var Configs = __webpack_require__(24);
+var Configs = __webpack_require__(25);
 /**
  * Print a warning message to the console, if it is available.
  *
@@ -6561,7 +6807,7 @@ exports.deprecated = deprecated;
 
 
 /***/ }),
-/* 38 */
+/* 39 */
 /***/ (function(module, exports, __webpack_require__) {
 
 /* WEBPACK VAR INJECTION */(function(global, module) {var __WEBPACK_AMD_DEFINE_RESULT__;/**
@@ -23778,7 +24024,7 @@ exports.deprecated = deprecated;
 /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(147), __webpack_require__(148)(module)))
 
 /***/ }),
-/* 39 */
+/* 40 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -23817,7 +24063,7 @@ exports.AbstractMeasurer = AbstractMeasurer;
 //# sourceMappingURL=abstractMeasurer.js.map
 
 /***/ }),
-/* 40 */
+/* 41 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -23828,13 +24074,13 @@ exports.AbstractMeasurer = AbstractMeasurer;
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = __webpack_require__(0);
-tslib_1.__exportStar(__webpack_require__(34), exports);
+tslib_1.__exportStar(__webpack_require__(35), exports);
 tslib_1.__exportStar(__webpack_require__(78), exports);
 tslib_1.__exportStar(__webpack_require__(79), exports);
-tslib_1.__exportStar(__webpack_require__(44), exports);
 tslib_1.__exportStar(__webpack_require__(45), exports);
-tslib_1.__exportStar(__webpack_require__(80), exports);
 tslib_1.__exportStar(__webpack_require__(46), exports);
+tslib_1.__exportStar(__webpack_require__(80), exports);
+tslib_1.__exportStar(__webpack_require__(21), exports);
 tslib_1.__exportStar(__webpack_require__(81), exports);
 tslib_1.__exportStar(__webpack_require__(82), exports);
 tslib_1.__exportStar(__webpack_require__(47), exports);
@@ -23845,7 +24091,7 @@ tslib_1.__exportStar(__webpack_require__(86), exports);
 
 
 /***/ }),
-/* 41 */
+/* 42 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -23927,7 +24173,7 @@ exports.Dataset = Dataset;
 
 
 /***/ }),
-/* 42 */
+/* 43 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -23938,7 +24184,7 @@ exports.Dataset = Dataset;
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 var Utils = __webpack_require__(1);
-var RenderController = __webpack_require__(32);
+var RenderController = __webpack_require__(33);
 /**
  * Renders Components immediately after they are enqueued.
  * Useful for debugging, horrible for performance.
@@ -23983,7 +24229,7 @@ exports.Timeout = Timeout;
 
 
 /***/ }),
-/* 43 */
+/* 44 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -24106,7 +24352,7 @@ exports.Key = Key;
 
 
 /***/ }),
-/* 44 */
+/* 45 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -24118,7 +24364,7 @@ exports.Key = Key;
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = __webpack_require__(0);
 var Utils = __webpack_require__(1);
-var componentContainer_1 = __webpack_require__(31);
+var componentContainer_1 = __webpack_require__(32);
 var Group = /** @class */ (function (_super) {
     tslib_1.__extends(Group, _super);
     /**
@@ -24207,7 +24453,7 @@ exports.Group = Group;
 
 
 /***/ }),
-/* 45 */
+/* 46 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -24359,172 +24605,6 @@ var GuideLineLayer = /** @class */ (function (_super) {
 exports.GuideLineLayer = GuideLineLayer;
 
 
-/***/ }),
-/* 46 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-/**
- * Copyright 2014-present Palantir Technologies
- * @license MIT
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = __webpack_require__(0);
-var Typesettable = __webpack_require__(5);
-var component_1 = __webpack_require__(6);
-var Label = /** @class */ (function (_super) {
-    tslib_1.__extends(Label, _super);
-    /**
-     * A Label is a Component that displays a single line of text.
-     *
-     * @constructor
-     * @param {string} [displayText=""] The text of the Label.
-     * @param {number} [angle=0] The angle of the Label in degrees (-90/0/90). 0 is horizontal.
-     */
-    function Label(displayText, angle) {
-        if (displayText === void 0) { displayText = ""; }
-        if (angle === void 0) { angle = 0; }
-        var _this = _super.call(this) || this;
-        _this.addClass("label");
-        _this.text(displayText);
-        _this.angle(angle);
-        _this.xAlignment("center").yAlignment("center");
-        _this._padding = 0;
-        return _this;
-    }
-    Label.prototype.requestedSpace = function (offeredWidth, offeredHeight) {
-        var desiredWH = this._measurer.measure(this._text);
-        var desiredWidth = (this.angle() === 0 ? desiredWH.width : desiredWH.height) + 2 * this.padding();
-        var desiredHeight = (this.angle() === 0 ? desiredWH.height : desiredWH.width) + 2 * this.padding();
-        return {
-            minWidth: desiredWidth,
-            minHeight: desiredHeight,
-        };
-    };
-    Label.prototype._setup = function () {
-        _super.prototype._setup.call(this);
-        this._textContainer = this.content().append("g");
-        var context = new Typesettable.SvgContext(this._textContainer.node());
-        this._measurer = new Typesettable.CacheMeasurer(context);
-        this._wrapper = new Typesettable.Wrapper();
-        this._writer = new Typesettable.Writer(this._measurer, context, this._wrapper);
-        this.text(this._text);
-    };
-    Label.prototype.text = function (displayText) {
-        if (displayText == null) {
-            return this._text;
-        }
-        else {
-            if (typeof displayText !== "string") {
-                throw new Error("Label.text() only takes strings as input");
-            }
-            this._text = displayText;
-            this.redraw();
-            return this;
-        }
-    };
-    Label.prototype.angle = function (angle) {
-        if (angle == null) {
-            return this._angle;
-        }
-        else {
-            angle %= 360;
-            if (angle > 180) {
-                angle -= 360;
-            }
-            else if (angle < -180) {
-                angle += 360;
-            }
-            if (angle === -90 || angle === 0 || angle === 90) {
-                this._angle = angle;
-            }
-            else {
-                throw new Error(angle + " is not a valid angle for Label");
-            }
-            this.redraw();
-            return this;
-        }
-    };
-    Label.prototype.padding = function (padAmount) {
-        if (padAmount == null) {
-            return this._padding;
-        }
-        else {
-            padAmount = +padAmount;
-            if (padAmount < 0) {
-                throw new Error(padAmount + " is not a valid padding value. Cannot be less than 0.");
-            }
-            this._padding = padAmount;
-            this.redraw();
-            return this;
-        }
-    };
-    Label.prototype.fixedWidth = function () {
-        return true;
-    };
-    Label.prototype.fixedHeight = function () {
-        return true;
-    };
-    Label.prototype.renderImmediately = function () {
-        _super.prototype.renderImmediately.call(this);
-        // HACKHACK Typesettable.remove existing content - #21 on Typesettable.
-        this._textContainer.selectAll("g").remove();
-        var textMeasurement = this._measurer.measure(this._text);
-        var heightPadding = Math.max(Math.min((this.height() - textMeasurement.height) / 2, this.padding()), 0);
-        var widthPadding = Math.max(Math.min((this.width() - textMeasurement.width) / 2, this.padding()), 0);
-        this._textContainer.attr("transform", "translate(" + widthPadding + "," + heightPadding + ")");
-        var writeWidth = this.width() - 2 * widthPadding;
-        var writeHeight = this.height() - 2 * heightPadding;
-        var writeOptions = {
-            xAlign: this.xAlignment(),
-            yAlign: this.yAlignment(),
-            textRotation: this.angle(),
-        };
-        this._writer.write(this._text, writeWidth, writeHeight, writeOptions);
-        return this;
-    };
-    Label.prototype.invalidateCache = function () {
-        _super.prototype.invalidateCache.call(this);
-        this._measurer.reset();
-    };
-    return Label;
-}(component_1.Component));
-exports.Label = Label;
-var TitleLabel = /** @class */ (function (_super) {
-    tslib_1.__extends(TitleLabel, _super);
-    /**
-     * @constructor
-     * @param {string} [text]
-     * @param {number} [angle] One of -90/0/90. 0 is horizontal.
-     */
-    function TitleLabel(text, angle) {
-        var _this = _super.call(this, text, angle) || this;
-        _this.addClass(TitleLabel.TITLE_LABEL_CLASS);
-        return _this;
-    }
-    TitleLabel.TITLE_LABEL_CLASS = "title-label";
-    return TitleLabel;
-}(Label));
-exports.TitleLabel = TitleLabel;
-var AxisLabel = /** @class */ (function (_super) {
-    tslib_1.__extends(AxisLabel, _super);
-    /**
-     * @constructor
-     * @param {string} [text]
-     * @param {number} [angle] One of -90/0/90. 0 is horizontal.
-     */
-    function AxisLabel(text, angle) {
-        var _this = _super.call(this, text, angle) || this;
-        _this.addClass(AxisLabel.AXIS_LABEL_CLASS);
-        return _this;
-    }
-    AxisLabel.AXIS_LABEL_CLASS = "axis-label";
-    return AxisLabel;
-}(Label));
-exports.AxisLabel = AxisLabel;
-
-
 /***/ }),
 /* 47 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -24987,7 +25067,7 @@ function isAttributeValuesEqual(prevAttrs, attrs, attrKeys) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = __webpack_require__(0);
 var isPlainObject = __webpack_require__(135);
-var dataset_1 = __webpack_require__(41);
+var dataset_1 = __webpack_require__(42);
 var scale_1 = __webpack_require__(18);
 /**
  * Generic signature factory - pass any value and get a signature for it.
@@ -25181,7 +25261,7 @@ var Utils = __webpack_require__(1);
 var Drawers = __webpack_require__(15);
 var areaDrawer_1 = __webpack_require__(50);
 var drawer_1 = __webpack_require__(8);
-var lineDrawer_1 = __webpack_require__(35);
+var lineDrawer_1 = __webpack_require__(36);
 var Plots = __webpack_require__(20);
 var linePlot_1 = __webpack_require__(57);
 var plot_1 = __webpack_require__(3);
@@ -25537,7 +25617,7 @@ var d3 = __webpack_require__(2);
 var Animators = __webpack_require__(9);
 var Drawers = __webpack_require__(15);
 var drawer_1 = __webpack_require__(8);
-var lineDrawer_1 = __webpack_require__(35);
+var lineDrawer_1 = __webpack_require__(36);
 var Scales = __webpack_require__(4);
 var quantitativeScale_1 = __webpack_require__(12);
 var Utils = __webpack_require__(1);
@@ -26110,7 +26190,7 @@ exports.Line = Line;
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = __webpack_require__(0);
 var d3 = __webpack_require__(2);
-var panZoomConstraints_1 = __webpack_require__(27);
+var panZoomConstraints_1 = __webpack_require__(28);
 var Utils = __webpack_require__(1);
 var scale_1 = __webpack_require__(18);
 var TRANSFORMATION_SPACE = [0, 1];
@@ -27616,7 +27696,7 @@ var __extends = (this && this.__extends) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-var utils_1 = __webpack_require__(22);
+var utils_1 = __webpack_require__(23);
 var characterMeasurer_1 = __webpack_require__(66);
 var CacheCharacterMeasurer = (function (_super) {
     __extends(CacheCharacterMeasurer, _super);
@@ -27701,7 +27781,7 @@ function __export(m) {
     for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
 }
 Object.defineProperty(exports, "__esModule", { value: true });
-__export(__webpack_require__(39));
+__export(__webpack_require__(40));
 __export(__webpack_require__(65));
 __export(__webpack_require__(139));
 __export(__webpack_require__(66));
@@ -27730,7 +27810,7 @@ var __extends = (this && this.__extends) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-var abstractMeasurer_1 = __webpack_require__(39);
+var abstractMeasurer_1 = __webpack_require__(40);
 var Measurer = (function (_super) {
     __extends(Measurer, _super);
     function Measurer(ruler, useGuards) {
@@ -27805,7 +27885,7 @@ __export(__webpack_require__(70));
  * license at https://github.com/palantir/typesettable/blob/develop/LICENSE
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-var Utils = __webpack_require__(22);
+var Utils = __webpack_require__(23);
 var Wrapper = (function () {
     function Wrapper() {
         this.maxLines(Infinity);
@@ -28033,7 +28113,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = __webpack_require__(0);
 tslib_1.__exportStar(__webpack_require__(76), exports);
 tslib_1.__exportStar(__webpack_require__(77), exports);
-tslib_1.__exportStar(__webpack_require__(30), exports);
+tslib_1.__exportStar(__webpack_require__(31), exports);
 
 
 /***/ }),
@@ -28420,7 +28500,7 @@ var d3 = __webpack_require__(2);
 var Typesettable = __webpack_require__(5);
 var component_1 = __webpack_require__(6);
 var Utils = __webpack_require__(1);
-var axis_1 = __webpack_require__(23);
+var axis_1 = __webpack_require__(24);
 var Category = /** @class */ (function (_super) {
     tslib_1.__extends(Category, _super);
     /**
@@ -28644,6 +28724,14 @@ var Category = /** @class */ (function (_super) {
             self._writer.write(self.formatter()(d), width, height, writeOptions, container.node());
         });
     };
+    Category.prototype.tickLabelFontSize = function (fontSize) {
+        if (fontSize == null) {
+            return _super.prototype.tickLabelFontSize.call(this);
+        }
+        // Resets the measurer to measure distances using the latest font size
+        this.invalidateCache();
+        return _super.prototype.tickLabelFontSize.call(this, fontSize);
+    };
     /**
      * Measures the size of the tick labels without making any (permanent) DOM changes.
      *
@@ -28750,7 +28838,9 @@ var Category = /** @class */ (function (_super) {
     };
     Category.prototype.invalidateCache = function () {
         _super.prototype.invalidateCache.call(this);
-        this._measurer.reset();
+        if (this._measurer != null) {
+            this._measurer.reset();
+        }
     };
     /**
      * How many pixels to give labels at minimum before downsampling takes effect.
@@ -28777,7 +28867,7 @@ var d3 = __webpack_require__(2);
 var Typesettable = __webpack_require__(5);
 var Formatters = __webpack_require__(7);
 var Utils = __webpack_require__(1);
-var axis_1 = __webpack_require__(23);
+var axis_1 = __webpack_require__(24);
 var Numeric = /** @class */ (function (_super) {
     tslib_1.__extends(Numeric, _super);
     /**
@@ -29066,8 +29156,8 @@ exports.Numeric = Numeric;
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = __webpack_require__(0);
-var guideLineLayer_1 = __webpack_require__(45);
-var Interactions = __webpack_require__(26);
+var guideLineLayer_1 = __webpack_require__(46);
+var Interactions = __webpack_require__(27);
 var Utils = __webpack_require__(1);
 var DragLineLayer = /** @class */ (function (_super) {
     tslib_1.__extends(DragLineLayer, _super);
@@ -29404,7 +29494,7 @@ exports.Gridlines = Gridlines;
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = __webpack_require__(0);
 var Typesettable = __webpack_require__(5);
-var Configs = __webpack_require__(24);
+var Configs = __webpack_require__(25);
 var Formatters = __webpack_require__(7);
 var Utils = __webpack_require__(1);
 var component_1 = __webpack_require__(6);
@@ -29661,9 +29751,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = __webpack_require__(0);
 var d3 = __webpack_require__(2);
 var Typesettable = __webpack_require__(5);
-var Configs = __webpack_require__(24);
+var Configs = __webpack_require__(25);
 var Formatters = __webpack_require__(7);
-var SymbolFactories = __webpack_require__(33);
+var SymbolFactories = __webpack_require__(34);
 var Utils = __webpack_require__(1);
 var component_1 = __webpack_require__(6);
 /**
@@ -30172,7 +30262,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = __webpack_require__(0);
 var plot_1 = __webpack_require__(3);
 var Utils = __webpack_require__(1);
-var group_1 = __webpack_require__(44);
+var group_1 = __webpack_require__(45);
 var PlotGroup = /** @class */ (function (_super) {
     tslib_1.__extends(PlotGroup, _super);
     function PlotGroup() {
@@ -30226,7 +30316,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = __webpack_require__(0);
 var d3 = __webpack_require__(2);
 var Utils = __webpack_require__(1);
-var componentContainer_1 = __webpack_require__(31);
+var componentContainer_1 = __webpack_require__(32);
 var Table = /** @class */ (function (_super) {
     tslib_1.__extends(Table, _super);
     /**
@@ -30619,7 +30709,7 @@ exports.Table = Table;
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = __webpack_require__(0);
-var label_1 = __webpack_require__(46);
+var label_1 = __webpack_require__(21);
 var DEFAULT_MAX_LINES = 2;
 var WrappedLabel = /** @class */ (function (_super) {
     tslib_1.__extends(WrappedLabel, _super);
@@ -30666,7 +30756,7 @@ exports.WrappedLabel = WrappedLabel;
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = __webpack_require__(0);
-var dragBoxLayer_1 = __webpack_require__(34);
+var dragBoxLayer_1 = __webpack_require__(35);
 var XDragBoxLayer = /** @class */ (function (_super) {
     tslib_1.__extends(XDragBoxLayer, _super);
     /**
@@ -30730,7 +30820,7 @@ exports.XDragBoxLayer = XDragBoxLayer;
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = __webpack_require__(0);
-var dragBoxLayer_1 = __webpack_require__(34);
+var dragBoxLayer_1 = __webpack_require__(35);
 var YDragBoxLayer = /** @class */ (function (_super) {
     tslib_1.__extends(YDragBoxLayer, _super);
     /**
@@ -30794,7 +30884,7 @@ exports.YDragBoxLayer = YDragBoxLayer;
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = __webpack_require__(0);
-var dispatcher_1 = __webpack_require__(25);
+var dispatcher_1 = __webpack_require__(26);
 var Key = /** @class */ (function (_super) {
     tslib_1.__extends(Key, _super);
     /**
@@ -30888,7 +30978,7 @@ exports.Key = Key;
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = __webpack_require__(0);
 var Utils = __webpack_require__(1);
-var dispatcher_1 = __webpack_require__(25);
+var dispatcher_1 = __webpack_require__(26);
 var Mouse = /** @class */ (function (_super) {
     tslib_1.__extends(Mouse, _super);
     /**
@@ -31082,7 +31172,7 @@ exports.Mouse = Mouse;
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = __webpack_require__(0);
 var Utils = __webpack_require__(1);
-var dispatcher_1 = __webpack_require__(25);
+var dispatcher_1 = __webpack_require__(26);
 var Touch = /** @class */ (function (_super) {
     tslib_1.__extends(Touch, _super);
     /**
@@ -31348,23 +31438,23 @@ var Animators = __webpack_require__(9);
 exports.Animators = Animators;
 var Axes = __webpack_require__(71);
 exports.Axes = Axes;
-var Components = __webpack_require__(40);
+var Components = __webpack_require__(41);
 exports.Components = Components;
-var Configs = __webpack_require__(24);
+var Configs = __webpack_require__(25);
 exports.Configs = Configs;
 var Formatters = __webpack_require__(7);
 exports.Formatters = Formatters;
-var RenderController = __webpack_require__(32);
+var RenderController = __webpack_require__(33);
 exports.RenderController = RenderController;
-var RenderPolicies = __webpack_require__(42);
+var RenderPolicies = __webpack_require__(43);
 exports.RenderPolicies = RenderPolicies;
-var SymbolFactories = __webpack_require__(33);
+var SymbolFactories = __webpack_require__(34);
 exports.SymbolFactories = SymbolFactories;
 var Dispatchers = __webpack_require__(14);
 exports.Dispatchers = Dispatchers;
 var Drawers = __webpack_require__(15);
 exports.Drawers = Drawers;
-var Interactions = __webpack_require__(26);
+var Interactions = __webpack_require__(27);
 exports.Interactions = Interactions;
 var Plots = __webpack_require__(20);
 exports.Plots = Plots;
@@ -31372,18 +31462,18 @@ var Scales = __webpack_require__(4);
 exports.Scales = Scales;
 var Utils = __webpack_require__(1);
 exports.Utils = Utils;
-tslib_1.__exportStar(__webpack_require__(23), exports);
-var timeAxis_1 = __webpack_require__(30);
+tslib_1.__exportStar(__webpack_require__(24), exports);
+var timeAxis_1 = __webpack_require__(31);
 exports.TimeInterval = timeAxis_1.TimeInterval;
 tslib_1.__exportStar(__webpack_require__(6), exports);
-tslib_1.__exportStar(__webpack_require__(31), exports);
-tslib_1.__exportStar(__webpack_require__(41), exports);
+tslib_1.__exportStar(__webpack_require__(32), exports);
+tslib_1.__exportStar(__webpack_require__(42), exports);
 var version_1 = __webpack_require__(72);
 exports.version = version_1.version;
-tslib_1.__exportStar(__webpack_require__(25), exports);
+tslib_1.__exportStar(__webpack_require__(26), exports);
 tslib_1.__exportStar(__webpack_require__(8), exports);
 tslib_1.__exportStar(__webpack_require__(16), exports);
-tslib_1.__exportStar(__webpack_require__(43), exports);
+tslib_1.__exportStar(__webpack_require__(44), exports);
 tslib_1.__exportStar(__webpack_require__(17), exports);
 tslib_1.__exportStar(__webpack_require__(3), exports);
 tslib_1.__exportStar(__webpack_require__(12), exports);
@@ -31714,9 +31804,9 @@ var d3 = __webpack_require__(2);
 var Dispatchers = __webpack_require__(14);
 var Scales = __webpack_require__(4);
 var Utils = __webpack_require__(1);
-var Interactions = __webpack_require__(26);
+var Interactions = __webpack_require__(27);
 var interaction_1 = __webpack_require__(16);
-var panZoomConstraints_1 = __webpack_require__(27);
+var panZoomConstraints_1 = __webpack_require__(28);
 var PanZoom = /** @class */ (function (_super) {
     tslib_1.__extends(PanZoom, _super);
     /**
@@ -32323,7 +32413,7 @@ exports.Pointer = Pointer;
  * of creating a memoized function that takes its inputs from mutable class properties.
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-var index_1 = __webpack_require__(21);
+var index_1 = __webpack_require__(22);
 /**
  * First pass argument thunks that will be evaluated whenever the memThunk
  * is accessed. This should be fast and simple.
@@ -32446,7 +32536,7 @@ exports.memoize = memoize;
 "use strict";
 
 Object.defineProperty(exports, "__esModule", { value: true });
-var lodash_1 = __webpack_require__(38);
+var lodash_1 = __webpack_require__(39);
 /**
  * An index that stores values by numeric key.
  *
@@ -32537,7 +32627,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = __webpack_require__(0);
 var Scales = __webpack_require__(4);
 var Utils = __webpack_require__(1);
-var barPlot_1 = __webpack_require__(28);
+var barPlot_1 = __webpack_require__(29);
 var plot_1 = __webpack_require__(3);
 var ClusteredBar = /** @class */ (function (_super) {
     tslib_1.__extends(ClusteredBar, _super);
@@ -32615,7 +32705,7 @@ var Utils = __webpack_require__(1);
 var arcDrawer_1 = __webpack_require__(48);
 var arcOutlineDrawer_1 = __webpack_require__(49);
 var drawer_1 = __webpack_require__(8);
-var windowUtils_1 = __webpack_require__(37);
+var windowUtils_1 = __webpack_require__(38);
 var plot_1 = __webpack_require__(3);
 var Pie = /** @class */ (function (_super) {
     tslib_1.__extends(Pie, _super);
@@ -33118,7 +33208,7 @@ var Typesettable = __webpack_require__(5);
 var Animators = __webpack_require__(9);
 var Drawers = __webpack_require__(15);
 var drawer_1 = __webpack_require__(8);
-var rectangleDrawer_1 = __webpack_require__(36);
+var rectangleDrawer_1 = __webpack_require__(37);
 var Scales = __webpack_require__(4);
 var Utils = __webpack_require__(1);
 var plot_1 = __webpack_require__(3);
@@ -33458,10 +33548,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = __webpack_require__(0);
 var Typesettable = __webpack_require__(5);
 var Formatters = __webpack_require__(7);
-var SymbolFactories = __webpack_require__(33);
+var SymbolFactories = __webpack_require__(34);
 var drawer_1 = __webpack_require__(8);
 var symbolDrawer_1 = __webpack_require__(52);
 var Animators = __webpack_require__(9);
+var label_1 = __webpack_require__(21);
 var Drawers = __webpack_require__(15);
 var Scales = __webpack_require__(4);
 var Utils = __webpack_require__(1);
@@ -33478,6 +33569,7 @@ var Scatter = /** @class */ (function (_super) {
     function Scatter() {
         var _this = _super.call(this) || this;
         _this._labelFormatter = Formatters.identity();
+        _this._labelFontSize = label_1.Label._DEFAULT_FONT_SIZE_PX;
         _this._labelsEnabled = false;
         _this.addClass("scatter-plot");
         var animator = new Animators.Easing();
@@ -33602,9 +33694,38 @@ var Scatter = /** @class */ (function (_super) {
             return this;
         }
     };
+    Scatter.prototype.labelFontSize = function (fontSize) {
+        var _this = this;
+        if (fontSize == null) {
+            return this._labelFontSize;
+        }
+        else {
+            this.invalidateCache();
+            this._labelFontSize = fontSize;
+            this._labelConfig.forEach(function (_a) {
+                var labelArea = _a.labelArea;
+                labelArea.attr("class", null)
+                    .classed(Scatter._LABEL_AREA_CLASS, true)
+                    .classed("label-" + _this._labelFontSize, true);
+            });
+            return this.render();
+        }
+    };
+    Scatter.prototype.invalidateCache = function () {
+        var _this = this;
+        _super.prototype.invalidateCache.call(this);
+        this.datasets().forEach(function (dataset) {
+            var labelConfig = _this._labelConfig.get(dataset);
+            if (labelConfig != null) {
+                labelConfig.measurer.reset();
+            }
+        });
+    };
     Scatter.prototype._createNodesForDataset = function (dataset) {
         var drawer = _super.prototype._createNodesForDataset.call(this, dataset);
-        var labelArea = this._renderArea.append("g").classed(Scatter._LABEL_AREA_CLASS, true);
+        var labelArea = this._renderArea.append("g")
+            .classed(Scatter._LABEL_AREA_CLASS, true)
+            .classed("label-" + this._labelFontSize, true);
         var context = new Typesettable.SvgContext(labelArea.node());
         var measurer = new Typesettable.CacheMeasurer(context);
         var writer = new Typesettable.Writer(measurer, context);
@@ -33711,7 +33832,7 @@ var Animators = __webpack_require__(9);
 var drawer_1 = __webpack_require__(8);
 var segmentDrawer_1 = __webpack_require__(51);
 var Scales = __webpack_require__(4);
-var windowUtils_1 = __webpack_require__(37);
+var windowUtils_1 = __webpack_require__(38);
 var plot_1 = __webpack_require__(3);
 var xyPlot_1 = __webpack_require__(17);
 var Segment = /** @class */ (function (_super) {
@@ -33902,7 +34023,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = __webpack_require__(0);
 var d3 = __webpack_require__(2);
 var Animators = __webpack_require__(9);
-var index_1 = __webpack_require__(21);
+var index_1 = __webpack_require__(22);
 var Utils = __webpack_require__(1);
 var areaPlot_1 = __webpack_require__(54);
 var plot_1 = __webpack_require__(3);
@@ -34130,9 +34251,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = __webpack_require__(0);
 var Typesettable = __webpack_require__(5);
 var formatters_1 = __webpack_require__(7);
-var memoize_1 = __webpack_require__(21);
+var memoize_1 = __webpack_require__(22);
 var Utils = __webpack_require__(1);
-var barPlot_1 = __webpack_require__(28);
+var barPlot_1 = __webpack_require__(29);
 var plot_1 = __webpack_require__(3);
 var StackedBar = /** @class */ (function (_super) {
     tslib_1.__extends(StackedBar, _super);
@@ -34178,9 +34299,27 @@ var StackedBar = /** @class */ (function (_super) {
             return this;
         }
     };
+    StackedBar.prototype.labelFontSize = function (fontSize) {
+        if (fontSize == null) {
+            return _super.prototype.labelFontSize.call(this);
+        }
+        else {
+            if (this._labelArea != null) {
+                // clearing to remove outdated font-size classes
+                this._labelArea.attr("class", null)
+                    .classed(barPlot_1.Bar._LABEL_AREA_CLASS, true)
+                    .classed("label-" + this._labelFontSize, true);
+            }
+            _super.prototype.labelFontSize.call(this, fontSize);
+            return this;
+        }
+    };
     StackedBar.prototype._setup = function () {
         _super.prototype._setup.call(this);
-        this._labelArea = this._renderArea.append("g").classed(barPlot_1.Bar._LABEL_AREA_CLASS, true);
+        this._labelArea = this._renderArea
+            .append("g")
+            .classed(barPlot_1.Bar._LABEL_AREA_CLASS, true)
+            .classed("label-" + this._labelFontSize, true);
         var context = new Typesettable.SvgContext(this._labelArea.node());
         this._measurer = new Typesettable.CacheMeasurer(context);
         this._writer = new Typesettable.Writer(this._measurer, context);
@@ -34333,7 +34472,9 @@ var StackedBar = /** @class */ (function (_super) {
     };
     StackedBar.prototype.invalidateCache = function () {
         _super.prototype.invalidateCache.call(this);
-        this._measurer.reset();
+        if (this._measurer != null) {
+            this._measurer.reset();
+        }
     };
     StackedBar._EXTREMA_LABEL_MARGIN_FROM_BAR = 5;
     return StackedBar;
@@ -34354,7 +34495,7 @@ exports.StackedBar = StackedBar;
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = __webpack_require__(0);
 var Utils = __webpack_require__(1);
-var barPlot_1 = __webpack_require__(28);
+var barPlot_1 = __webpack_require__(29);
 var plot_1 = __webpack_require__(3);
 var Waterfall = /** @class */ (function (_super) {
     tslib_1.__extends(Waterfall, _super);
@@ -35352,7 +35493,7 @@ exports.integerTickGenerator = integerTickGenerator;
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = __webpack_require__(0);
 var d3 = __webpack_require__(2);
-var timeAxis_1 = __webpack_require__(30);
+var timeAxis_1 = __webpack_require__(31);
 var quantitativeScale_1 = __webpack_require__(12);
 var Time = /** @class */ (function (_super) {
     tslib_1.__extends(Time, _super);
@@ -36044,7 +36185,7 @@ exports.SplitStrategyLinear = SplitStrategyLinear;
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 var d3 = __webpack_require__(2);
-var lodash_1 = __webpack_require__(38);
+var lodash_1 = __webpack_require__(39);
 var Utils = __webpack_require__(1);
 var makeEnum_1 = __webpack_require__(11);
 /**
@@ -36694,7 +36835,7 @@ module.exports = function isObject(val) {
  * license at https://github.com/palantir/typesettable/blob/develop/LICENSE
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-var writers_1 = __webpack_require__(29);
+var writers_1 = __webpack_require__(30);
 var DEFAULT_FILL_COLOR = "#444";
 /**
  * A typesetter context for HTML5 Canvas.
@@ -36771,7 +36912,7 @@ exports.CanvasContext = CanvasContext;
  * license at https://github.com/palantir/typesettable/blob/develop/LICENSE
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-var writers_1 = __webpack_require__(29);
+var writers_1 = __webpack_require__(30);
 var html_1 = __webpack_require__(63);
 var SvgUtils = (function () {
     function SvgUtils() {
@@ -36954,8 +37095,8 @@ var __extends = (this && this.__extends) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-var utils_1 = __webpack_require__(22);
-var abstractMeasurer_1 = __webpack_require__(39);
+var utils_1 = __webpack_require__(23);
+var abstractMeasurer_1 = __webpack_require__(40);
 var cacheCharacterMeasurer_1 = __webpack_require__(65);
 var CacheMeasurer = (function (_super) {
     __extends(CacheMeasurer, _super);
@@ -36997,7 +37138,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var contexts_1 = __webpack_require__(64);
 var measurers_1 = __webpack_require__(67);
 var wrappers_1 = __webpack_require__(69);
-var writers_1 = __webpack_require__(29);
+var writers_1 = __webpack_require__(30);
 /**
  * This is a convenience interface for typesetting strings using the default
  * measurer/wrapper/writer setup.
@@ -37344,7 +37485,7 @@ exports.SingleLineWrapper = SingleLineWrapper;
  * license at https://github.com/palantir/typesettable/blob/develop/LICENSE
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-var utils_1 = __webpack_require__(22);
+var utils_1 = __webpack_require__(23);
 var DEFAULT_WRITE_OPTIONS = {
     textRotation: 0,
     textShear: 0,