@fluentui/react-charting 4.23.24 → 4.23.26

package/dist/react-charting.js

@@ -21313,6 +21313,37 @@ var CartesianChartBase = /** @class */ (function (_super) {
             _this.props.getGraphData &&
                 _this.props.getGraphData(xScale, yScale, _this.state.containerHeight - _this.state._removalValueForTextTuncate, _this.state.containerWidth, _this.xAxisElement);
         };
+        _this._calculateChartMinWidth = function () {
+            var labelWidth = 10; // Total padding on the left and right sides of the label
+            // Case: truncated labels
+            if (_this.props.showXAxisLablesTooltip) {
+                var tickValues = _this._tickValues.map(function (val) {
+                    var numChars = _this.props.noOfCharsToTruncate || 4;
+                    return val.toString().length > numChars ? val.toString().slice(0, numChars) + "..." : val;
+                });
+                var longestLabelWidth = Object(_utilities_index__WEBPACK_IMPORTED_MODULE_5__["calculateLongestLabelWidth"])(tickValues, "." + _this._classNames.xAxis + " text");
+                labelWidth += Math.ceil(longestLabelWidth);
+            }
+            // Case: wrapped labels
+            else if (_this.props.wrapXAxisLables) {
+                var words_1 = [];
+                _this._tickValues.forEach(function (val) {
+                    words_1.push.apply(words_1, val.toString().split(/\s+/));
+                });
+                var longestLabelWidth = Object(_utilities_index__WEBPACK_IMPORTED_MODULE_5__["calculateLongestLabelWidth"])(words_1, "." + _this._classNames.xAxis + " text");
+                labelWidth += Math.max(Math.ceil(longestLabelWidth), 10);
+            }
+            // Default case
+            else {
+                var longestLabelWidth = Object(_utilities_index__WEBPACK_IMPORTED_MODULE_5__["calculateLongestLabelWidth"])(_this._tickValues, "." + _this._classNames.xAxis + " text");
+                labelWidth += Math.ceil(longestLabelWidth);
+            }
+            var minChartWidth = _this.margins.left + _this.margins.right + labelWidth * (_this._tickValues.length - 1);
+            if (_this.props.chartType === _utilities_index__WEBPACK_IMPORTED_MODULE_5__["ChartTypes"].VerticalBarChart && _this.props.xAxisType === _utilities_index__WEBPACK_IMPORTED_MODULE_5__["XAxisTypes"].NumericAxis) {
+                minChartWidth += _this.props.barwidth || 32;
+            }
+            return minChartWidth;
+        };
         _this.state = {
             containerHeight: 0,
             containerWidth: 0,
@@ -21348,8 +21379,9 @@ var CartesianChartBase = /** @class */ (function (_super) {
         }
     };
     CartesianChartBase.prototype.render = function () {
+        var _a, _b, _c, _d;
         var _this = this;
-        var _a = this.props, calloutProps = _a.calloutProps, points = _a.points, chartType = _a.chartType, chartHoverProps = _a.chartHoverProps, svgFocusZoneProps = _a.svgFocusZoneProps, svgProps = _a.svgProps, culture = _a.culture;
+        var _e = this.props, calloutProps = _e.calloutProps, points = _e.points, chartType = _e.chartType, chartHoverProps = _e.chartHoverProps, svgFocusZoneProps = _e.svgFocusZoneProps, svgProps = _e.svgProps, culture = _e.culture;
         if (this.props.parentRef) {
             this._fitParentContainer();
         }
@@ -21386,19 +21418,21 @@ var CartesianChartBase = /** @class */ (function (_super) {
          */
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         var xScale;
+        var tickValues;
         switch (this.props.xAxisType) {
             case _utilities_index__WEBPACK_IMPORTED_MODULE_5__["XAxisTypes"].NumericAxis:
-                xScale = Object(_utilities_index__WEBPACK_IMPORTED_MODULE_5__["createNumericXAxis"])(XAxisParams, culture);
+                (_a = Object(_utilities_index__WEBPACK_IMPORTED_MODULE_5__["createNumericXAxis"])(XAxisParams, culture), xScale = _a.xScale, tickValues = _a.tickValues);
                 break;
             case _utilities_index__WEBPACK_IMPORTED_MODULE_5__["XAxisTypes"].DateAxis:
-                xScale = Object(_utilities_index__WEBPACK_IMPORTED_MODULE_5__["createDateXAxis"])(XAxisParams, this.props.tickParams);
+                (_b = Object(_utilities_index__WEBPACK_IMPORTED_MODULE_5__["createDateXAxis"])(XAxisParams, this.props.tickParams), xScale = _b.xScale, tickValues = _b.tickValues);
                 break;
             case _utilities_index__WEBPACK_IMPORTED_MODULE_5__["XAxisTypes"].StringAxis:
-                xScale = Object(_utilities_index__WEBPACK_IMPORTED_MODULE_5__["createStringXAxis"])(XAxisParams, this.props.tickParams, this.props.datasetForXAxisDomain, culture);
+                (_c = Object(_utilities_index__WEBPACK_IMPORTED_MODULE_5__["createStringXAxis"])(XAxisParams, this.props.tickParams, this.props.datasetForXAxisDomain, culture), xScale = _c.xScale, tickValues = _c.tickValues);
                 break;
             default:
-                xScale = Object(_utilities_index__WEBPACK_IMPORTED_MODULE_5__["createNumericXAxis"])(XAxisParams, culture);
+                (_d = Object(_utilities_index__WEBPACK_IMPORTED_MODULE_5__["createNumericXAxis"])(XAxisParams, culture), xScale = _d.xScale, tickValues = _d.tickValues);
         }
+        this._tickValues = tickValues;
         /*
          * To enable wrapping of x axis tick values or to disaply complete x axis tick values,
          * we need to calculate how much space it needed to render the text.
@@ -21460,7 +21494,7 @@ var CartesianChartBase = /** @class */ (function (_super) {
             focusDirection = _fluentui_react_focus__WEBPACK_IMPORTED_MODULE_4__["FocusZoneDirection"].horizontal;
         }
         return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { id: this.idForGraph, className: this._classNames.root, role: 'presentation', ref: function (rootElem) { return (_this.chartContainer = rootElem); }, onMouseLeave: this.props.onChartMouseLeave },
-            react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_fluentui_react_focus__WEBPACK_IMPORTED_MODULE_4__["FocusZone"], Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__assign"])({ direction: focusDirection }, svgFocusZoneProps),
+            react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_fluentui_react_focus__WEBPACK_IMPORTED_MODULE_4__["FocusZone"], Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__assign"])({ direction: focusDirection, className: this._classNames.chartWrapper }, svgFocusZoneProps),
                 react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("svg", Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__assign"])({ width: svgDimensions.width, height: svgDimensions.height, "aria-label": this.props.chartTitle, style: { display: 'block' } }, svgProps),
                     react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("g", { ref: function (e) {
                             _this.xAxisElement = e;
@@ -21556,7 +21590,9 @@ var CartesianChartBase = /** @class */ (function (_super) {
                         parseFloat(legendContainerComputedStyles.marginBottom || '0');
             }
             var container = _this.props.parentRef ? _this.props.parentRef : _this.chartContainer;
-            var currentContainerWidth = container.getBoundingClientRect().width;
+            var currentContainerWidth = _this.props.enableReflow
+                ? Math.max(container.getBoundingClientRect().width, _this._calculateChartMinWidth())
+                : container.getBoundingClientRect().width;
             var currentContainerHeight = container.getBoundingClientRect().height > legendContainerHeight
                 ? container.getBoundingClientRect().height
                 : 350;
@@ -21622,6 +21658,9 @@ var getStyles = function (props) {
             },
             className,
         ],
+        chartWrapper: {
+            overflow: 'auto',
+        },
         xAxis: {
             selectors: {
                 text: [
@@ -23362,7 +23401,7 @@ var HorizontalBarChartBase = /** @class */ (function (_super) {
             });
         };
         _this._getChartDataText = function (data) {
-            return _this.props.barChartCustomData ? (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { "data-is-focusable": true, role: "text" }, _this.props.barChartCustomData(data))) : (_this._getDefaultTextData(data));
+            return _this.props.barChartCustomData ? (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { role: "text" }, _this.props.barChartCustomData(data))) : (_this._getDefaultTextData(data));
         };
         _this._getDefaultTextData = function (data) {
             var culture = _this.props.culture;
@@ -23370,7 +23409,7 @@ var HorizontalBarChartBase = /** @class */ (function (_super) {
             var chartData = data.chartData[0];
             var x = chartData.horizontalBarChartdata.x;
             var y = chartData.horizontalBarChartdata.y;
-            var accessibilityData = Object(_utilities_index__WEBPACK_IMPORTED_MODULE_4__["getAccessibleDataObject"])(data.chartDataAccessibilityData);
+            var accessibilityData = Object(_utilities_index__WEBPACK_IMPORTED_MODULE_4__["getAccessibleDataObject"])(data.chartDataAccessibilityData, 'text', false);
             switch (chartDataMode) {
                 case 'default':
                     return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__assign"])({ className: _this._classNames.chartDataText }, accessibilityData), Object(_utilities_index__WEBPACK_IMPORTED_MODULE_4__["convertToLocaleString"])(x, culture)));
@@ -23446,7 +23485,7 @@ var HorizontalBarChartBase = /** @class */ (function (_super) {
                     react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: _this._classNames.items },
                         react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_fluentui_react_focus__WEBPACK_IMPORTED_MODULE_5__["FocusZone"], { direction: _fluentui_react_focus__WEBPACK_IMPORTED_MODULE_5__["FocusZoneDirection"].horizontal },
                             react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: _this._classNames.chartTitle },
-                                points.chartTitle && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__assign"])({ className: _this._classNames.chartDataText }, Object(_utilities_index__WEBPACK_IMPORTED_MODULE_4__["getAccessibleDataObject"])(points.chartTitleAccessibilityData)), points.chartTitle)),
+                                points.chartTitle && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__assign"])({ className: _this._classNames.chartDataText }, Object(_utilities_index__WEBPACK_IMPORTED_MODULE_4__["getAccessibleDataObject"])(points.chartTitleAccessibilityData, 'text', false)), points.chartTitle)),
                                 chartDataText)),
                         points.chartData[0].data && _this._createBenchmark(points),
                         react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_fluentui_react_focus__WEBPACK_IMPORTED_MODULE_5__["FocusZone"], { direction: _fluentui_react_focus__WEBPACK_IMPORTED_MODULE_5__["FocusZoneDirection"].horizontal },
@@ -24782,6 +24821,9 @@ var LineChartBase = /** @class */ (function (_super) {
     LineChartBase.prototype._refCallback = function (element, legendTitle) {
         this._refArray.push({ index: legendTitle, refElement: element });
     };
+    LineChartBase.defaultProps = {
+        enableReflow: true,
+    };
     return LineChartBase;
 }(react__WEBPACK_IMPORTED_MODULE_1__["Component"]));
 
@@ -25521,14 +25563,14 @@ var MultiStackedBarChartBase = /** @class */ (function (_super) {
         return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: this._classNames.singleChartRoot },
             react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_fluentui_react_focus__WEBPACK_IMPORTED_MODULE_5__["FocusZone"], { direction: _fluentui_react_focus__WEBPACK_IMPORTED_MODULE_5__["FocusZoneDirection"].horizontal },
                 react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: this._classNames.chartTitle },
-                    data.chartTitle && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__assign"])({}, Object(_utilities_index__WEBPACK_IMPORTED_MODULE_6__["getAccessibleDataObject"])(data.chartTitleAccessibilityData)),
+                    data.chartTitle && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__assign"])({}, Object(_utilities_index__WEBPACK_IMPORTED_MODULE_6__["getAccessibleDataObject"])(data.chartTitleAccessibilityData, 'text', false)),
                         react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("strong", null, data.chartTitle))),
-                    showRatio && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__assign"])({}, Object(_utilities_index__WEBPACK_IMPORTED_MODULE_6__["getAccessibleDataObject"])(data.chartDataAccessibilityData)),
+                    showRatio && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__assign"])({}, Object(_utilities_index__WEBPACK_IMPORTED_MODULE_6__["getAccessibleDataObject"])(data.chartDataAccessibilityData, 'text', false)),
                         react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("strong", null, getChartData()),
                         !hideDenominator && react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("span", null,
                             "/",
                             Object(_utilities_index__WEBPACK_IMPORTED_MODULE_6__["convertToLocaleString"])(total, culture)))),
-                    showNumber && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__assign"])({}, Object(_utilities_index__WEBPACK_IMPORTED_MODULE_6__["getAccessibleDataObject"])(data.chartDataAccessibilityData)),
+                    showNumber && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__assign"])({}, Object(_utilities_index__WEBPACK_IMPORTED_MODULE_6__["getAccessibleDataObject"])(data.chartDataAccessibilityData, 'text', false)),
                         react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("strong", null, getChartData()))))),
             react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_fluentui_react_focus__WEBPACK_IMPORTED_MODULE_5__["FocusZone"], { direction: _fluentui_react_focus__WEBPACK_IMPORTED_MODULE_5__["FocusZoneDirection"].horizontal },
                 react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", null,
@@ -25822,14 +25864,14 @@ var StackedBarChartBase = /** @class */ (function (_super) {
         return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: this._classNames.root, onMouseLeave: this._handleChartMouseLeave },
             react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_fluentui_react_focus__WEBPACK_IMPORTED_MODULE_5__["FocusZone"], { direction: _fluentui_react_focus__WEBPACK_IMPORTED_MODULE_5__["FocusZoneDirection"].horizontal },
                 react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: this._classNames.chartTitle },
-                    data.chartTitle && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__assign"])({}, Object(_utilities_index__WEBPACK_IMPORTED_MODULE_6__["getAccessibleDataObject"])(data.chartTitleAccessibilityData)),
+                    data.chartTitle && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__assign"])({}, Object(_utilities_index__WEBPACK_IMPORTED_MODULE_6__["getAccessibleDataObject"])(data.chartTitleAccessibilityData, 'text', false)),
                         react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("strong", null, data.chartTitle))),
-                    showRatio && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__assign"])({}, Object(_utilities_index__WEBPACK_IMPORTED_MODULE_6__["getAccessibleDataObject"])(data.chartDataAccessibilityData)),
+                    showRatio && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__assign"])({}, Object(_utilities_index__WEBPACK_IMPORTED_MODULE_6__["getAccessibleDataObject"])(data.chartDataAccessibilityData, 'text', false)),
                         react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("span", { className: this._classNames.ratioNumerator }, getChartData()),
                         !this.props.hideDenominator && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("span", null,
                             "/",
                             react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("span", { className: this._classNames.ratioDenominator }, Object(_utilities_index__WEBPACK_IMPORTED_MODULE_6__["convertToLocaleString"])(total, culture)))))),
-                    showNumber && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__assign"])({}, Object(_utilities_index__WEBPACK_IMPORTED_MODULE_6__["getAccessibleDataObject"])(data.chartDataAccessibilityData)),
+                    showNumber && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__assign"])({}, Object(_utilities_index__WEBPACK_IMPORTED_MODULE_6__["getAccessibleDataObject"])(data.chartDataAccessibilityData, 'text', false)),
                         react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("strong", null, getChartData())))),
                 (benchmarkData || targetData) && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: this._classNames.benchmarkContainer },
                     benchmarkData && react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: this._classNames.benchmark, role: "text" }),
@@ -26255,7 +26297,7 @@ var StandardTree = /** @class */ (function () {
         var ariaLabel = "nodeId: " + nodeId + " \nnodeMainText: " + name + "\nsubText " + subname + " " + parentInfo;
         var xCoordinate = xCenterCoordinate - rectangleWidth / 2;
         if (metricName || nodeId !== 0 || !bodytext) {
-            this._nodeElements.push(react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("rect", { width: rectangleWidth, height: rectangleHeight, x: xCoordinate, y: yCoordinate, tabIndex: 0, role: 'text', "data-is-focusable": true, "aria-label": ariaLabel, className: this.styleClassNames.rectNode, stroke: fillColor, key: "" + nodeId + this.styleClassNames.rectNode }));
+            this._nodeElements.push(react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("rect", { width: rectangleWidth, height: rectangleHeight, x: xCoordinate, y: yCoordinate, role: 'text', "aria-label": ariaLabel, className: this.styleClassNames.rectNode, stroke: fillColor, key: "" + nodeId + this.styleClassNames.rectNode }));
         }
         if (subname) {
             subname = this.truncateText(subname, rectangleWidth, rectangleWidth / 4, this.styleClassNames.rectSubText);
@@ -28195,6 +28237,8 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createWrapOfXLabels", function() { return _utilities__WEBPACK_IMPORTED_MODULE_1__["createWrapOfXLabels"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "calculateLongestLabelWidth", function() { return _utilities__WEBPACK_IMPORTED_MODULE_1__["calculateLongestLabelWidth"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "tooltipOfXAxislabels", function() { return _utilities__WEBPACK_IMPORTED_MODULE_1__["tooltipOfXAxislabels"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getXAxisType", function() { return _utilities__WEBPACK_IMPORTED_MODULE_1__["getXAxisType"]; });
@@ -28255,6 +28299,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getUnique", function() { return getUnique; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "silceOrAppendToArray", function() { return silceOrAppendToArray; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "createWrapOfXLabels", function() { return createWrapOfXLabels; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "calculateLongestLabelWidth", function() { return calculateLongestLabelWidth; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "tooltipOfXAxislabels", function() { return tooltipOfXAxislabels; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getXAxisType", function() { return getXAxisType; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "domainRangeOfDateForAreaChart", function() { return domainRangeOfDateForAreaChart; });
@@ -28280,6 +28325,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var d3_selection__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("../../node_modules/d3-selection/index.js");
 /* harmony import */ var d3_format__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("../../node_modules/d3-format/src/index.js");
 /* harmony import */ var d3_time_format__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("../../node_modules/d3-time-format/src/index.js");
+/* harmony import */ var d3_time__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__("../../packages/charting/node_modules/d3-time/src/index.js");
 var _a;
 
 
@@ -28288,6 +28334,7 @@ var _a;
 
 
 
+
 var ChartTypes;
 (function (ChartTypes) {
     ChartTypes[ChartTypes["AreaChart"] = 0] = "AreaChart";
@@ -28335,7 +28382,34 @@ function createNumericXAxis(xAxisParams, culture) {
             .selectAll('text')
             .attr('aria-hidden', 'true');
     }
-    return xAxisScale;
+    var tickValues = xAxisScale.ticks(xAxisCount).map(xAxis.tickFormat());
+    return { xScale: xAxisScale, tickValues: tickValues };
+}
+function multiFormat(date, locale) {
+    var timeFormat = locale ? locale.format : d3_time_format__WEBPACK_IMPORTED_MODULE_6__["timeFormat"];
+    var formatMillisecond = timeFormat('.%L');
+    var formatSecond = timeFormat(':%S');
+    var formatMinute = timeFormat('%I:%M');
+    var formatHour = timeFormat('%I %p');
+    var formatDay = timeFormat('%a %d');
+    var formatWeek = timeFormat('%b %d');
+    var formatMonth = timeFormat('%B');
+    var formatYear = timeFormat('%Y');
+    return (Object(d3_time__WEBPACK_IMPORTED_MODULE_7__["timeSecond"])(date) < date
+        ? formatMillisecond
+        : Object(d3_time__WEBPACK_IMPORTED_MODULE_7__["timeMinute"])(date) < date
+            ? formatSecond
+            : Object(d3_time__WEBPACK_IMPORTED_MODULE_7__["timeHour"])(date) < date
+                ? formatMinute
+                : Object(d3_time__WEBPACK_IMPORTED_MODULE_7__["timeDay"])(date) < date
+                    ? formatHour
+                    : Object(d3_time__WEBPACK_IMPORTED_MODULE_7__["timeMonth"])(date) < date
+                        ? Object(d3_time__WEBPACK_IMPORTED_MODULE_7__["timeWeek"])(date) < date
+                            ? formatDay
+                            : formatWeek
+                        : Object(d3_time__WEBPACK_IMPORTED_MODULE_7__["timeYear"])(date) < date
+                            ? formatMonth
+                            : formatYear)(date);
 }
 /**
  * Creating Date x axis of the Chart
@@ -28344,7 +28418,8 @@ function createNumericXAxis(xAxisParams, culture) {
  * @param {ITickParams} tickParams
  */
 function createDateXAxis(xAxisParams, tickParams) {
-    var domainNRangeValues = xAxisParams.domainNRangeValues, xAxisElement = xAxisParams.xAxisElement, _a = xAxisParams.tickPadding, tickPadding = _a === void 0 ? 6 : _a, _b = xAxisParams.xAxistickSize, xAxistickSize = _b === void 0 ? 6 : _b, _c = xAxisParams.xAxisCount, xAxisCount = _c === void 0 ? 6 : _c;
+    var _a;
+    var domainNRangeValues = xAxisParams.domainNRangeValues, xAxisElement = xAxisParams.xAxisElement, _b = xAxisParams.tickPadding, tickPadding = _b === void 0 ? 6 : _b, _c = xAxisParams.xAxistickSize, xAxistickSize = _c === void 0 ? 6 : _c, _d = xAxisParams.xAxisCount, xAxisCount = _d === void 0 ? 6 : _d;
     var xAxisScale = Object(d3_scale__WEBPACK_IMPORTED_MODULE_3__["scaleTime"])()
         .domain([domainNRangeValues.dStartValue, domainNRangeValues.dEndValue])
         .range([domainNRangeValues.rStartValue, domainNRangeValues.rEndValue]);
@@ -28360,7 +28435,12 @@ function createDateXAxis(xAxisParams, tickParams) {
             .selectAll('text')
             .attr('aria-hidden', 'true');
     }
-    return xAxisScale;
+    var tickValues = (_a = tickParams.tickValues, (_a !== null && _a !== void 0 ? _a : xAxisScale.ticks(xAxisCount))).map(function (val, idx) {
+        var tickFormat = xAxis.tickFormat();
+        // val is a Date object. So when the tick format is not set, format val as a string to calculate its width
+        return tickFormat ? tickFormat(val, idx) : multiFormat(val);
+    });
+    return { xScale: xAxisScale, tickValues: tickValues };
 }
 /**
  * Create String X axis
@@ -28390,7 +28470,8 @@ function createStringXAxis(xAxisParams, tickParams, dataset, culture) {
             .selectAll('text')
             .attr('aria-hidden', 'true');
     }
-    return xAxisScale;
+    var tickValues = dataset.map(xAxis.tickFormat());
+    return { xScale: xAxisScale, tickValues: tickValues };
 }
 /**
  * This method used for creating data points for the y axis.
@@ -28643,6 +28724,32 @@ function createWrapOfXLabels(wrapLabelProps) {
     });
     return removeVal > 0 ? removeVal : 0;
 }
+/**
+ * Calculates the width of the longest axis label in pixels
+ */
+var calculateLongestLabelWidth = function (labels, query) {
+    if (query === void 0) { query = 'none'; }
+    var maxLabelWidth = 0;
+    var canvas = document.createElement('canvas');
+    var ctx = canvas.getContext('2d');
+    if (ctx) {
+        var axisText = document.querySelector(query);
+        if (axisText) {
+            var styles = window.getComputedStyle(axisText, null);
+            var fontWeight = styles.getPropertyValue('font-weight');
+            var fontSize = styles.getPropertyValue('font-size');
+            var fontFamily = styles.getPropertyValue('font-family');
+            ctx.font = fontWeight + " " + fontSize + " " + fontFamily;
+        }
+        else {
+            ctx.font = '600 10px "Segoe UI"';
+        }
+        labels.forEach(function (label) {
+            maxLabelWidth = Math.max(ctx.measureText(label.toString()).width, maxLabelWidth);
+        });
+    }
+    return maxLabelWidth;
+};
 /**
  * This method displays a tooltip to the x axis lables(tick values)
  * when prop 'showXAxisLablesTooltip' enables to the respected chart.
@@ -29067,7 +29174,741 @@ __webpack_require__.r(__webpack_exports__);
 // Do not modify this file; it is generated as part of publish.
 // The checked in version is a placeholder only and will not be updated.
 
-Object(_uifabric_set_version__WEBPACK_IMPORTED_MODULE_0__["setVersion"])('@uifabric/charting', '4.23.23');
+Object(_uifabric_set_version__WEBPACK_IMPORTED_MODULE_0__["setVersion"])('@uifabric/charting', '4.23.25');
+
+
+/***/ }),
+
+/***/ "../../packages/charting/node_modules/d3-time/src/day.js":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "days", function() { return days; });
+/* harmony import */ var _interval_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../packages/charting/node_modules/d3-time/src/interval.js");
+/* harmony import */ var _duration_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("../../packages/charting/node_modules/d3-time/src/duration.js");
+
+
+
+var day = Object(_interval_js__WEBPACK_IMPORTED_MODULE_0__["default"])(function(date) {
+  date.setHours(0, 0, 0, 0);
+}, function(date, step) {
+  date.setDate(date.getDate() + step);
+}, function(start, end) {
+  return (end - start - (end.getTimezoneOffset() - start.getTimezoneOffset()) * _duration_js__WEBPACK_IMPORTED_MODULE_1__["durationMinute"]) / _duration_js__WEBPACK_IMPORTED_MODULE_1__["durationDay"];
+}, function(date) {
+  return date.getDate() - 1;
+});
+
+/* harmony default export */ __webpack_exports__["default"] = (day);
+var days = day.range;
+
+
+/***/ }),
+
+/***/ "../../packages/charting/node_modules/d3-time/src/duration.js":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "durationSecond", function() { return durationSecond; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "durationMinute", function() { return durationMinute; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "durationHour", function() { return durationHour; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "durationDay", function() { return durationDay; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "durationWeek", function() { return durationWeek; });
+var durationSecond = 1e3;
+var durationMinute = 6e4;
+var durationHour = 36e5;
+var durationDay = 864e5;
+var durationWeek = 6048e5;
+
+
+/***/ }),
+
+/***/ "../../packages/charting/node_modules/d3-time/src/hour.js":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "hours", function() { return hours; });
+/* harmony import */ var _interval_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../packages/charting/node_modules/d3-time/src/interval.js");
+/* harmony import */ var _duration_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("../../packages/charting/node_modules/d3-time/src/duration.js");
+
+
+
+var hour = Object(_interval_js__WEBPACK_IMPORTED_MODULE_0__["default"])(function(date) {
+  date.setTime(date - date.getMilliseconds() - date.getSeconds() * _duration_js__WEBPACK_IMPORTED_MODULE_1__["durationSecond"] - date.getMinutes() * _duration_js__WEBPACK_IMPORTED_MODULE_1__["durationMinute"]);
+}, function(date, step) {
+  date.setTime(+date + step * _duration_js__WEBPACK_IMPORTED_MODULE_1__["durationHour"]);
+}, function(start, end) {
+  return (end - start) / _duration_js__WEBPACK_IMPORTED_MODULE_1__["durationHour"];
+}, function(date) {
+  return date.getHours();
+});
+
+/* harmony default export */ __webpack_exports__["default"] = (hour);
+var hours = hour.range;
+
+
+/***/ }),
+
+/***/ "../../packages/charting/node_modules/d3-time/src/index.js":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _interval_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../packages/charting/node_modules/d3-time/src/interval.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "timeInterval", function() { return _interval_js__WEBPACK_IMPORTED_MODULE_0__["default"]; });
+
+/* harmony import */ var _millisecond_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("../../packages/charting/node_modules/d3-time/src/millisecond.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "timeMillisecond", function() { return _millisecond_js__WEBPACK_IMPORTED_MODULE_1__["default"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "timeMilliseconds", function() { return _millisecond_js__WEBPACK_IMPORTED_MODULE_1__["milliseconds"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "utcMillisecond", function() { return _millisecond_js__WEBPACK_IMPORTED_MODULE_1__["default"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "utcMilliseconds", function() { return _millisecond_js__WEBPACK_IMPORTED_MODULE_1__["milliseconds"]; });
+
+/* harmony import */ var _second_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("../../packages/charting/node_modules/d3-time/src/second.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "timeSecond", function() { return _second_js__WEBPACK_IMPORTED_MODULE_2__["default"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "timeSeconds", function() { return _second_js__WEBPACK_IMPORTED_MODULE_2__["seconds"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "utcSecond", function() { return _second_js__WEBPACK_IMPORTED_MODULE_2__["default"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "utcSeconds", function() { return _second_js__WEBPACK_IMPORTED_MODULE_2__["seconds"]; });
+
+/* harmony import */ var _minute_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("../../packages/charting/node_modules/d3-time/src/minute.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "timeMinute", function() { return _minute_js__WEBPACK_IMPORTED_MODULE_3__["default"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "timeMinutes", function() { return _minute_js__WEBPACK_IMPORTED_MODULE_3__["minutes"]; });
+
+/* harmony import */ var _hour_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("../../packages/charting/node_modules/d3-time/src/hour.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "timeHour", function() { return _hour_js__WEBPACK_IMPORTED_MODULE_4__["default"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "timeHours", function() { return _hour_js__WEBPACK_IMPORTED_MODULE_4__["hours"]; });
+
+/* harmony import */ var _day_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("../../packages/charting/node_modules/d3-time/src/day.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "timeDay", function() { return _day_js__WEBPACK_IMPORTED_MODULE_5__["default"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "timeDays", function() { return _day_js__WEBPACK_IMPORTED_MODULE_5__["days"]; });
+
+/* harmony import */ var _week_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("../../packages/charting/node_modules/d3-time/src/week.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "timeWeek", function() { return _week_js__WEBPACK_IMPORTED_MODULE_6__["sunday"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "timeWeeks", function() { return _week_js__WEBPACK_IMPORTED_MODULE_6__["sundays"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "timeSunday", function() { return _week_js__WEBPACK_IMPORTED_MODULE_6__["sunday"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "timeSundays", function() { return _week_js__WEBPACK_IMPORTED_MODULE_6__["sundays"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "timeMonday", function() { return _week_js__WEBPACK_IMPORTED_MODULE_6__["monday"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "timeMondays", function() { return _week_js__WEBPACK_IMPORTED_MODULE_6__["mondays"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "timeTuesday", function() { return _week_js__WEBPACK_IMPORTED_MODULE_6__["tuesday"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "timeTuesdays", function() { return _week_js__WEBPACK_IMPORTED_MODULE_6__["tuesdays"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "timeWednesday", function() { return _week_js__WEBPACK_IMPORTED_MODULE_6__["wednesday"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "timeWednesdays", function() { return _week_js__WEBPACK_IMPORTED_MODULE_6__["wednesdays"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "timeThursday", function() { return _week_js__WEBPACK_IMPORTED_MODULE_6__["thursday"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "timeThursdays", function() { return _week_js__WEBPACK_IMPORTED_MODULE_6__["thursdays"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "timeFriday", function() { return _week_js__WEBPACK_IMPORTED_MODULE_6__["friday"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "timeFridays", function() { return _week_js__WEBPACK_IMPORTED_MODULE_6__["fridays"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "timeSaturday", function() { return _week_js__WEBPACK_IMPORTED_MODULE_6__["saturday"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "timeSaturdays", function() { return _week_js__WEBPACK_IMPORTED_MODULE_6__["saturdays"]; });
+
+/* harmony import */ var _month_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__("../../packages/charting/node_modules/d3-time/src/month.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "timeMonth", function() { return _month_js__WEBPACK_IMPORTED_MODULE_7__["default"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "timeMonths", function() { return _month_js__WEBPACK_IMPORTED_MODULE_7__["months"]; });
+
+/* harmony import */ var _year_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("../../packages/charting/node_modules/d3-time/src/year.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "timeYear", function() { return _year_js__WEBPACK_IMPORTED_MODULE_8__["default"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "timeYears", function() { return _year_js__WEBPACK_IMPORTED_MODULE_8__["years"]; });
+
+/* harmony import */ var _utcMinute_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__("../../packages/charting/node_modules/d3-time/src/utcMinute.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "utcMinute", function() { return _utcMinute_js__WEBPACK_IMPORTED_MODULE_9__["default"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "utcMinutes", function() { return _utcMinute_js__WEBPACK_IMPORTED_MODULE_9__["utcMinutes"]; });
+
+/* harmony import */ var _utcHour_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__("../../packages/charting/node_modules/d3-time/src/utcHour.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "utcHour", function() { return _utcHour_js__WEBPACK_IMPORTED_MODULE_10__["default"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "utcHours", function() { return _utcHour_js__WEBPACK_IMPORTED_MODULE_10__["utcHours"]; });
+
+/* harmony import */ var _utcDay_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__("../../packages/charting/node_modules/d3-time/src/utcDay.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "utcDay", function() { return _utcDay_js__WEBPACK_IMPORTED_MODULE_11__["default"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "utcDays", function() { return _utcDay_js__WEBPACK_IMPORTED_MODULE_11__["utcDays"]; });
+
+/* harmony import */ var _utcWeek_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__("../../packages/charting/node_modules/d3-time/src/utcWeek.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "utcWeek", function() { return _utcWeek_js__WEBPACK_IMPORTED_MODULE_12__["utcSunday"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "utcWeeks", function() { return _utcWeek_js__WEBPACK_IMPORTED_MODULE_12__["utcSundays"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "utcSunday", function() { return _utcWeek_js__WEBPACK_IMPORTED_MODULE_12__["utcSunday"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "utcSundays", function() { return _utcWeek_js__WEBPACK_IMPORTED_MODULE_12__["utcSundays"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "utcMonday", function() { return _utcWeek_js__WEBPACK_IMPORTED_MODULE_12__["utcMonday"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "utcMondays", function() { return _utcWeek_js__WEBPACK_IMPORTED_MODULE_12__["utcMondays"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "utcTuesday", function() { return _utcWeek_js__WEBPACK_IMPORTED_MODULE_12__["utcTuesday"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "utcTuesdays", function() { return _utcWeek_js__WEBPACK_IMPORTED_MODULE_12__["utcTuesdays"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "utcWednesday", function() { return _utcWeek_js__WEBPACK_IMPORTED_MODULE_12__["utcWednesday"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "utcWednesdays", function() { return _utcWeek_js__WEBPACK_IMPORTED_MODULE_12__["utcWednesdays"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "utcThursday", function() { return _utcWeek_js__WEBPACK_IMPORTED_MODULE_12__["utcThursday"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "utcThursdays", function() { return _utcWeek_js__WEBPACK_IMPORTED_MODULE_12__["utcThursdays"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "utcFriday", function() { return _utcWeek_js__WEBPACK_IMPORTED_MODULE_12__["utcFriday"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "utcFridays", function() { return _utcWeek_js__WEBPACK_IMPORTED_MODULE_12__["utcFridays"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "utcSaturday", function() { return _utcWeek_js__WEBPACK_IMPORTED_MODULE_12__["utcSaturday"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "utcSaturdays", function() { return _utcWeek_js__WEBPACK_IMPORTED_MODULE_12__["utcSaturdays"]; });
+
+/* harmony import */ var _utcMonth_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__("../../packages/charting/node_modules/d3-time/src/utcMonth.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "utcMonth", function() { return _utcMonth_js__WEBPACK_IMPORTED_MODULE_13__["default"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "utcMonths", function() { return _utcMonth_js__WEBPACK_IMPORTED_MODULE_13__["utcMonths"]; });
+
+/* harmony import */ var _utcYear_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__("../../packages/charting/node_modules/d3-time/src/utcYear.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "utcYear", function() { return _utcYear_js__WEBPACK_IMPORTED_MODULE_14__["default"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "utcYears", function() { return _utcYear_js__WEBPACK_IMPORTED_MODULE_14__["utcYears"]; });
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/***/ }),
+
+/***/ "../../packages/charting/node_modules/d3-time/src/interval.js":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return newInterval; });
+var t0 = new Date,
+    t1 = new Date;
+
+function newInterval(floori, offseti, count, field) {
+
+  function interval(date) {
+    return floori(date = arguments.length === 0 ? new Date : new Date(+date)), date;
+  }
+
+  interval.floor = function(date) {
+    return floori(date = new Date(+date)), date;
+  };
+
+  interval.ceil = function(date) {
+    return floori(date = new Date(date - 1)), offseti(date, 1), floori(date), date;
+  };
+
+  interval.round = function(date) {
+    var d0 = interval(date),
+        d1 = interval.ceil(date);
+    return date - d0 < d1 - date ? d0 : d1;
+  };
+
+  interval.offset = function(date, step) {
+    return offseti(date = new Date(+date), step == null ? 1 : Math.floor(step)), date;
+  };
+
+  interval.range = function(start, stop, step) {
+    var range = [], previous;
+    start = interval.ceil(start);
+    step = step == null ? 1 : Math.floor(step);
+    if (!(start < stop) || !(step > 0)) return range; // also handles Invalid Date
+    do range.push(previous = new Date(+start)), offseti(start, step), floori(start);
+    while (previous < start && start < stop);
+    return range;
+  };
+
+  interval.filter = function(test) {
+    return newInterval(function(date) {
+      if (date >= date) while (floori(date), !test(date)) date.setTime(date - 1);
+    }, function(date, step) {
+      if (date >= date) {
+        if (step < 0) while (++step <= 0) {
+          while (offseti(date, -1), !test(date)) {} // eslint-disable-line no-empty
+        } else while (--step >= 0) {
+          while (offseti(date, +1), !test(date)) {} // eslint-disable-line no-empty
+        }
+      }
+    });
+  };
+
+  if (count) {
+    interval.count = function(start, end) {
+      t0.setTime(+start), t1.setTime(+end);
+      floori(t0), floori(t1);
+      return Math.floor(count(t0, t1));
+    };
+
+    interval.every = function(step) {
+      step = Math.floor(step);
+      return !isFinite(step) || !(step > 0) ? null
+          : !(step > 1) ? interval
+          : interval.filter(field
+              ? function(d) { return field(d) % step === 0; }
+              : function(d) { return interval.count(0, d) % step === 0; });
+    };
+  }
+
+  return interval;
+}
+
+
+/***/ }),
+
+/***/ "../../packages/charting/node_modules/d3-time/src/millisecond.js":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "milliseconds", function() { return milliseconds; });
+/* harmony import */ var _interval_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../packages/charting/node_modules/d3-time/src/interval.js");
+
+
+var millisecond = Object(_interval_js__WEBPACK_IMPORTED_MODULE_0__["default"])(function() {
+  // noop
+}, function(date, step) {
+  date.setTime(+date + step);
+}, function(start, end) {
+  return end - start;
+});
+
+// An optimized implementation for this simple case.
+millisecond.every = function(k) {
+  k = Math.floor(k);
+  if (!isFinite(k) || !(k > 0)) return null;
+  if (!(k > 1)) return millisecond;
+  return Object(_interval_js__WEBPACK_IMPORTED_MODULE_0__["default"])(function(date) {
+    date.setTime(Math.floor(date / k) * k);
+  }, function(date, step) {
+    date.setTime(+date + step * k);
+  }, function(start, end) {
+    return (end - start) / k;
+  });
+};
+
+/* harmony default export */ __webpack_exports__["default"] = (millisecond);
+var milliseconds = millisecond.range;
+
+
+/***/ }),
+
+/***/ "../../packages/charting/node_modules/d3-time/src/minute.js":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "minutes", function() { return minutes; });
+/* harmony import */ var _interval_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../packages/charting/node_modules/d3-time/src/interval.js");
+/* harmony import */ var _duration_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("../../packages/charting/node_modules/d3-time/src/duration.js");
+
+
+
+var minute = Object(_interval_js__WEBPACK_IMPORTED_MODULE_0__["default"])(function(date) {
+  date.setTime(date - date.getMilliseconds() - date.getSeconds() * _duration_js__WEBPACK_IMPORTED_MODULE_1__["durationSecond"]);
+}, function(date, step) {
+  date.setTime(+date + step * _duration_js__WEBPACK_IMPORTED_MODULE_1__["durationMinute"]);
+}, function(start, end) {
+  return (end - start) / _duration_js__WEBPACK_IMPORTED_MODULE_1__["durationMinute"];
+}, function(date) {
+  return date.getMinutes();
+});
+
+/* harmony default export */ __webpack_exports__["default"] = (minute);
+var minutes = minute.range;
+
+
+/***/ }),
+
+/***/ "../../packages/charting/node_modules/d3-time/src/month.js":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "months", function() { return months; });
+/* harmony import */ var _interval_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../packages/charting/node_modules/d3-time/src/interval.js");
+
+
+var month = Object(_interval_js__WEBPACK_IMPORTED_MODULE_0__["default"])(function(date) {
+  date.setDate(1);
+  date.setHours(0, 0, 0, 0);
+}, function(date, step) {
+  date.setMonth(date.getMonth() + step);
+}, function(start, end) {
+  return end.getMonth() - start.getMonth() + (end.getFullYear() - start.getFullYear()) * 12;
+}, function(date) {
+  return date.getMonth();
+});
+
+/* harmony default export */ __webpack_exports__["default"] = (month);
+var months = month.range;
+
+
+/***/ }),
+
+/***/ "../../packages/charting/node_modules/d3-time/src/second.js":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "seconds", function() { return seconds; });
+/* harmony import */ var _interval_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../packages/charting/node_modules/d3-time/src/interval.js");
+/* harmony import */ var _duration_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("../../packages/charting/node_modules/d3-time/src/duration.js");
+
+
+
+var second = Object(_interval_js__WEBPACK_IMPORTED_MODULE_0__["default"])(function(date) {
+  date.setTime(date - date.getMilliseconds());
+}, function(date, step) {
+  date.setTime(+date + step * _duration_js__WEBPACK_IMPORTED_MODULE_1__["durationSecond"]);
+}, function(start, end) {
+  return (end - start) / _duration_js__WEBPACK_IMPORTED_MODULE_1__["durationSecond"];
+}, function(date) {
+  return date.getUTCSeconds();
+});
+
+/* harmony default export */ __webpack_exports__["default"] = (second);
+var seconds = second.range;
+
+
+/***/ }),
+
+/***/ "../../packages/charting/node_modules/d3-time/src/utcDay.js":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "utcDays", function() { return utcDays; });
+/* harmony import */ var _interval_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../packages/charting/node_modules/d3-time/src/interval.js");
+/* harmony import */ var _duration_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("../../packages/charting/node_modules/d3-time/src/duration.js");
+
+
+
+var utcDay = Object(_interval_js__WEBPACK_IMPORTED_MODULE_0__["default"])(function(date) {
+  date.setUTCHours(0, 0, 0, 0);
+}, function(date, step) {
+  date.setUTCDate(date.getUTCDate() + step);
+}, function(start, end) {
+  return (end - start) / _duration_js__WEBPACK_IMPORTED_MODULE_1__["durationDay"];
+}, function(date) {
+  return date.getUTCDate() - 1;
+});
+
+/* harmony default export */ __webpack_exports__["default"] = (utcDay);
+var utcDays = utcDay.range;
+
+
+/***/ }),
+
+/***/ "../../packages/charting/node_modules/d3-time/src/utcHour.js":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "utcHours", function() { return utcHours; });
+/* harmony import */ var _interval_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../packages/charting/node_modules/d3-time/src/interval.js");
+/* harmony import */ var _duration_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("../../packages/charting/node_modules/d3-time/src/duration.js");
+
+
+
+var utcHour = Object(_interval_js__WEBPACK_IMPORTED_MODULE_0__["default"])(function(date) {
+  date.setUTCMinutes(0, 0, 0);
+}, function(date, step) {
+  date.setTime(+date + step * _duration_js__WEBPACK_IMPORTED_MODULE_1__["durationHour"]);
+}, function(start, end) {
+  return (end - start) / _duration_js__WEBPACK_IMPORTED_MODULE_1__["durationHour"];
+}, function(date) {
+  return date.getUTCHours();
+});
+
+/* harmony default export */ __webpack_exports__["default"] = (utcHour);
+var utcHours = utcHour.range;
+
+
+/***/ }),
+
+/***/ "../../packages/charting/node_modules/d3-time/src/utcMinute.js":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "utcMinutes", function() { return utcMinutes; });
+/* harmony import */ var _interval_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../packages/charting/node_modules/d3-time/src/interval.js");
+/* harmony import */ var _duration_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("../../packages/charting/node_modules/d3-time/src/duration.js");
+
+
+
+var utcMinute = Object(_interval_js__WEBPACK_IMPORTED_MODULE_0__["default"])(function(date) {
+  date.setUTCSeconds(0, 0);
+}, function(date, step) {
+  date.setTime(+date + step * _duration_js__WEBPACK_IMPORTED_MODULE_1__["durationMinute"]);
+}, function(start, end) {
+  return (end - start) / _duration_js__WEBPACK_IMPORTED_MODULE_1__["durationMinute"];
+}, function(date) {
+  return date.getUTCMinutes();
+});
+
+/* harmony default export */ __webpack_exports__["default"] = (utcMinute);
+var utcMinutes = utcMinute.range;
+
+
+/***/ }),
+
+/***/ "../../packages/charting/node_modules/d3-time/src/utcMonth.js":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "utcMonths", function() { return utcMonths; });
+/* harmony import */ var _interval_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../packages/charting/node_modules/d3-time/src/interval.js");
+
+
+var utcMonth = Object(_interval_js__WEBPACK_IMPORTED_MODULE_0__["default"])(function(date) {
+  date.setUTCDate(1);
+  date.setUTCHours(0, 0, 0, 0);
+}, function(date, step) {
+  date.setUTCMonth(date.getUTCMonth() + step);
+}, function(start, end) {
+  return end.getUTCMonth() - start.getUTCMonth() + (end.getUTCFullYear() - start.getUTCFullYear()) * 12;
+}, function(date) {
+  return date.getUTCMonth();
+});
+
+/* harmony default export */ __webpack_exports__["default"] = (utcMonth);
+var utcMonths = utcMonth.range;
+
+
+/***/ }),
+
+/***/ "../../packages/charting/node_modules/d3-time/src/utcWeek.js":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "utcSunday", function() { return utcSunday; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "utcMonday", function() { return utcMonday; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "utcTuesday", function() { return utcTuesday; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "utcWednesday", function() { return utcWednesday; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "utcThursday", function() { return utcThursday; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "utcFriday", function() { return utcFriday; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "utcSaturday", function() { return utcSaturday; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "utcSundays", function() { return utcSundays; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "utcMondays", function() { return utcMondays; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "utcTuesdays", function() { return utcTuesdays; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "utcWednesdays", function() { return utcWednesdays; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "utcThursdays", function() { return utcThursdays; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "utcFridays", function() { return utcFridays; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "utcSaturdays", function() { return utcSaturdays; });
+/* harmony import */ var _interval_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../packages/charting/node_modules/d3-time/src/interval.js");
+/* harmony import */ var _duration_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("../../packages/charting/node_modules/d3-time/src/duration.js");
+
+
+
+function utcWeekday(i) {
+  return Object(_interval_js__WEBPACK_IMPORTED_MODULE_0__["default"])(function(date) {
+    date.setUTCDate(date.getUTCDate() - (date.getUTCDay() + 7 - i) % 7);
+    date.setUTCHours(0, 0, 0, 0);
+  }, function(date, step) {
+    date.setUTCDate(date.getUTCDate() + step * 7);
+  }, function(start, end) {
+    return (end - start) / _duration_js__WEBPACK_IMPORTED_MODULE_1__["durationWeek"];
+  });
+}
+
+var utcSunday = utcWeekday(0);
+var utcMonday = utcWeekday(1);
+var utcTuesday = utcWeekday(2);
+var utcWednesday = utcWeekday(3);
+var utcThursday = utcWeekday(4);
+var utcFriday = utcWeekday(5);
+var utcSaturday = utcWeekday(6);
+
+var utcSundays = utcSunday.range;
+var utcMondays = utcMonday.range;
+var utcTuesdays = utcTuesday.range;
+var utcWednesdays = utcWednesday.range;
+var utcThursdays = utcThursday.range;
+var utcFridays = utcFriday.range;
+var utcSaturdays = utcSaturday.range;
+
+
+/***/ }),
+
+/***/ "../../packages/charting/node_modules/d3-time/src/utcYear.js":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "utcYears", function() { return utcYears; });
+/* harmony import */ var _interval_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../packages/charting/node_modules/d3-time/src/interval.js");
+
+
+var utcYear = Object(_interval_js__WEBPACK_IMPORTED_MODULE_0__["default"])(function(date) {
+  date.setUTCMonth(0, 1);
+  date.setUTCHours(0, 0, 0, 0);
+}, function(date, step) {
+  date.setUTCFullYear(date.getUTCFullYear() + step);
+}, function(start, end) {
+  return end.getUTCFullYear() - start.getUTCFullYear();
+}, function(date) {
+  return date.getUTCFullYear();
+});
+
+// An optimized implementation for this simple case.
+utcYear.every = function(k) {
+  return !isFinite(k = Math.floor(k)) || !(k > 0) ? null : Object(_interval_js__WEBPACK_IMPORTED_MODULE_0__["default"])(function(date) {
+    date.setUTCFullYear(Math.floor(date.getUTCFullYear() / k) * k);
+    date.setUTCMonth(0, 1);
+    date.setUTCHours(0, 0, 0, 0);
+  }, function(date, step) {
+    date.setUTCFullYear(date.getUTCFullYear() + step * k);
+  });
+};
+
+/* harmony default export */ __webpack_exports__["default"] = (utcYear);
+var utcYears = utcYear.range;
+
+
+/***/ }),
+
+/***/ "../../packages/charting/node_modules/d3-time/src/week.js":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "sunday", function() { return sunday; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "monday", function() { return monday; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "tuesday", function() { return tuesday; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "wednesday", function() { return wednesday; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "thursday", function() { return thursday; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "friday", function() { return friday; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "saturday", function() { return saturday; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "sundays", function() { return sundays; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "mondays", function() { return mondays; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "tuesdays", function() { return tuesdays; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "wednesdays", function() { return wednesdays; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "thursdays", function() { return thursdays; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "fridays", function() { return fridays; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "saturdays", function() { return saturdays; });
+/* harmony import */ var _interval_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../packages/charting/node_modules/d3-time/src/interval.js");
+/* harmony import */ var _duration_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("../../packages/charting/node_modules/d3-time/src/duration.js");
+
+
+
+function weekday(i) {
+  return Object(_interval_js__WEBPACK_IMPORTED_MODULE_0__["default"])(function(date) {
+    date.setDate(date.getDate() - (date.getDay() + 7 - i) % 7);
+    date.setHours(0, 0, 0, 0);
+  }, function(date, step) {
+    date.setDate(date.getDate() + step * 7);
+  }, function(start, end) {
+    return (end - start - (end.getTimezoneOffset() - start.getTimezoneOffset()) * _duration_js__WEBPACK_IMPORTED_MODULE_1__["durationMinute"]) / _duration_js__WEBPACK_IMPORTED_MODULE_1__["durationWeek"];
+  });
+}
+
+var sunday = weekday(0);
+var monday = weekday(1);
+var tuesday = weekday(2);
+var wednesday = weekday(3);
+var thursday = weekday(4);
+var friday = weekday(5);
+var saturday = weekday(6);
+
+var sundays = sunday.range;
+var mondays = monday.range;
+var tuesdays = tuesday.range;
+var wednesdays = wednesday.range;
+var thursdays = thursday.range;
+var fridays = friday.range;
+var saturdays = saturday.range;
+
+
+/***/ }),
+
+/***/ "../../packages/charting/node_modules/d3-time/src/year.js":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "years", function() { return years; });
+/* harmony import */ var _interval_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../packages/charting/node_modules/d3-time/src/interval.js");
+
+
+var year = Object(_interval_js__WEBPACK_IMPORTED_MODULE_0__["default"])(function(date) {
+  date.setMonth(0, 1);
+  date.setHours(0, 0, 0, 0);
+}, function(date, step) {
+  date.setFullYear(date.getFullYear() + step);
+}, function(start, end) {
+  return end.getFullYear() - start.getFullYear();
+}, function(date) {
+  return date.getFullYear();
+});
+
+// An optimized implementation for this simple case.
+year.every = function(k) {
+  return !isFinite(k = Math.floor(k)) || !(k > 0) ? null : Object(_interval_js__WEBPACK_IMPORTED_MODULE_0__["default"])(function(date) {
+    date.setFullYear(Math.floor(date.getFullYear() / k) * k);
+    date.setMonth(0, 1);
+    date.setHours(0, 0, 0, 0);
+  }, function(date, step) {
+    date.setFullYear(date.getFullYear() + step * k);
+  });
+};
+
+/* harmony default export */ __webpack_exports__["default"] = (year);
+var years = year.range;
 
 
 /***/ }),
@@ -93062,7 +93903,7 @@ __webpack_require__.r(__webpack_exports__);
 // Do not modify this file; it is generated as part of publish.
 // The checked in version is a placeholder only and will not be updated.
 
-Object(_uifabric_set_version__WEBPACK_IMPORTED_MODULE_0__["setVersion"])('office-ui-fabric-react', '7.203.0');
+Object(_uifabric_set_version__WEBPACK_IMPORTED_MODULE_0__["setVersion"])('office-ui-fabric-react', '7.204.0');
 
 
 /***/ }),