@fluentui/react-charting 5.23.76 → 5.23.78

package/lib-commonjs/utilities/utilities.d.ts

@@ -258,12 +258,15 @@ export declare function domainRangeOfNumericForAreaChart(points: ILineChartPoint
  */
 export declare function groupChartDataByYValue(chartData: IHorizontalBarChartWithAxisDataPoint[]): IHorizontalBarChartWithAxisDataPoint[][];
 /**
- * Calculates maximum domain value for Numeric x axis
+ * Calculates maximum domain values for Numeric x axis for both positive and negative values
  * works for Horizontal Bar Chart With axis
  * @param {IHorizontalBarChartWithAxisDataPoint[][]} stackedChartData
  * @returns {number}
  */
-export declare function computeDomainMax(stackedChartData: IHorizontalBarChartWithAxisDataPoint[][]): number;
+export declare function computeLongestBars(stackedChartData: IHorizontalBarChartWithAxisDataPoint[][], X_ORIGIN: number): {
+    longestPositiveBar: number;
+    longestNegativeBar: number;
+};
 /**
  * Calculates Domain and range values for Numeric X axis.
  * This method calculates Horizontal Chart with Axis
@@ -274,7 +277,7 @@ export declare function computeDomainMax(stackedChartData: IHorizontalBarChartWi
  * @param {boolean} isRTL
  * @returns {IDomainNRange}
  */
-export declare function domainRangeOfNumericForHorizontalBarChartWithAxis(points: IHorizontalBarChartWithAxisDataPoint[], margins: IMargins, containerWidth: number, isRTL: boolean, shiftX: number): IDomainNRange;
+export declare function domainRangeOfNumericForHorizontalBarChartWithAxis(points: IHorizontalBarChartWithAxisDataPoint[], margins: IMargins, containerWidth: number, isRTL: boolean, shiftX: number, X_ORIGIN: number): IDomainNRange;
 /**
  * Calculates Range values of x Axis string axis
  * For String axis, we need to give domain values (Not start and end array values)
@@ -327,7 +330,7 @@ export declare function domainRageOfVerticalNumeric(points: IDataPoint[], margin
  * @param {ILineChartPoints[]} points
  * @returns {{ startValue: number; endValue: number }}
  */
-export declare function findNumericMinMaxOfY(points: ILineChartPoints[]): {
+export declare function findNumericMinMaxOfY(points: ILineChartPoints[], yAxisType?: YAxisType, useSecondaryYScale?: boolean): {
     startValue: number;
     endValue: number;
 };
@@ -347,7 +350,7 @@ export declare function findVSBCNumericMinMaxOfY(dataset: IDataPoint[]): {
  * @param {IVerticalBarChartDataPoint[]} points
  * @returns {{ startValue: number; endValue: number }}
  */
-export declare function findVerticalNumericMinMaxOfY(points: IVerticalBarChartDataPoint[]): {
+export declare function findVerticalNumericMinMaxOfY(points: IVerticalBarChartDataPoint[], yAxisType?: YAxisType, useSecondaryYScale?: boolean): {
     startValue: number;
     endValue: number;
 };

package/lib-commonjs/utilities/utilities.js

@@ -1,7 +1,7 @@
 "use strict";
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createMeasurementSpan = exports.copyStyle = exports.resolveCSSVariables = exports.areArraysEqual = exports.getSecureProps = exports.formatDate = exports.isScalePaddingDefined = exports.getScalePadding = exports.getBarWidth = exports.formatValueWithSIPrefix = exports.wrapTextInsideDonut = exports.rotateXAxisLabels = exports.convertToLocaleString = exports.getAccessibleDataObject = exports.pointTypes = exports.CustomPoints = exports.Points = exports.getTypeOfAxis = exports.findHBCWANumericMinMaxOfY = exports.findVerticalNumericMinMaxOfY = exports.findVSBCNumericMinMaxOfY = exports.findNumericMinMaxOfY = exports.domainRageOfVerticalNumeric = exports.domainRangeOfDateForAreaLineVerticalBarChart = exports.domainRangeOfVSBCNumeric = exports.domainRangeOfXStringAxis = exports.domainRangeOfNumericForHorizontalBarChartWithAxis = exports.computeDomainMax = exports.groupChartDataByYValue = exports.domainRangeOfNumericForAreaChart = exports.getXAxisType = exports.tooltipOfXAxislabels = exports.calculateLongestLabelWidth = exports.wrapContent = exports.createYAxisLabels = exports.createWrapOfXLabels = exports.silceOrAppendToArray = exports.getUnique = exports.calloutData = exports.createStringYAxis = exports.createStringYAxisForHorizontalBarChartWithAxis = exports.createNumericYAxis = exports.createYAxisForHorizontalBarChartWithAxis = exports.prepareDatapoints = exports.createStringXAxis = exports.createDateXAxis = exports.createNumericXAxis = exports.YAxisType = exports.XAxisTypes = exports.ChartTypes = void 0;
+exports.createMeasurementSpan = exports.copyStyle = exports.resolveCSSVariables = exports.areArraysEqual = exports.getSecureProps = exports.formatDate = exports.isScalePaddingDefined = exports.getScalePadding = exports.getBarWidth = exports.formatValueWithSIPrefix = exports.wrapTextInsideDonut = exports.rotateXAxisLabels = exports.convertToLocaleString = exports.getAccessibleDataObject = exports.pointTypes = exports.CustomPoints = exports.Points = exports.getTypeOfAxis = exports.findHBCWANumericMinMaxOfY = exports.findVerticalNumericMinMaxOfY = exports.findVSBCNumericMinMaxOfY = exports.findNumericMinMaxOfY = exports.domainRageOfVerticalNumeric = exports.domainRangeOfDateForAreaLineVerticalBarChart = exports.domainRangeOfVSBCNumeric = exports.domainRangeOfXStringAxis = exports.domainRangeOfNumericForHorizontalBarChartWithAxis = exports.computeLongestBars = exports.groupChartDataByYValue = exports.domainRangeOfNumericForAreaChart = exports.getXAxisType = exports.tooltipOfXAxislabels = exports.calculateLongestLabelWidth = exports.wrapContent = exports.createYAxisLabels = exports.createWrapOfXLabels = exports.silceOrAppendToArray = exports.getUnique = exports.calloutData = exports.createStringYAxis = exports.createStringYAxisForHorizontalBarChartWithAxis = exports.createNumericYAxis = exports.createYAxisForHorizontalBarChartWithAxis = exports.prepareDatapoints = exports.createStringXAxis = exports.createDateXAxis = exports.createNumericXAxis = exports.YAxisType = exports.XAxisTypes = exports.ChartTypes = void 0;
 exports.getCurveFactory = void 0;
 var tslib_1 = require("tslib");
 var d3_axis_1 = require("d3-axis");
@@ -761,20 +761,23 @@ function groupChartDataByYValue(chartData) {
 }
 exports.groupChartDataByYValue = groupChartDataByYValue;
 /**
- * Calculates maximum domain value for Numeric x axis
+ * Calculates maximum domain values for Numeric x axis for both positive and negative values
  * works for Horizontal Bar Chart With axis
  * @param {IHorizontalBarChartWithAxisDataPoint[][]} stackedChartData
  * @returns {number}
  */
-function computeDomainMax(stackedChartData) {
-    var longestBarTotalValue = 0;
-    stackedChartData.map(function (group) {
-        var barTotalValue = group.reduce(function (acc, point) { return acc + (point.x ? point.x : 0); }, 0);
-        return (longestBarTotalValue = Math.max(longestBarTotalValue, barTotalValue));
+function computeLongestBars(stackedChartData, X_ORIGIN) {
+    var longestPositiveBar = 0;
+    var longestNegativeBar = 0;
+    stackedChartData.forEach(function (group) {
+        var positiveBarTotal = group.reduce(function (acc, point) { return acc + (point.x > 0 ? point.x : 0); }, X_ORIGIN);
+        var negativeBarTotal = group.reduce(function (acc, point) { return acc + (point.x < 0 ? point.x : 0); }, X_ORIGIN);
+        longestPositiveBar = Math.max(longestPositiveBar, positiveBarTotal);
+        longestNegativeBar = Math.min(longestNegativeBar, negativeBarTotal);
     });
-    return longestBarTotalValue;
+    return { longestPositiveBar: longestPositiveBar, longestNegativeBar: longestNegativeBar };
 }
-exports.computeDomainMax = computeDomainMax;
+exports.computeLongestBars = computeLongestBars;
 /**
  * Calculates Domain and range values for Numeric X axis.
  * This method calculates Horizontal Chart with Axis
@@ -785,13 +788,15 @@ exports.computeDomainMax = computeDomainMax;
  * @param {boolean} isRTL
  * @returns {IDomainNRange}
  */
-function domainRangeOfNumericForHorizontalBarChartWithAxis(points, margins, containerWidth, isRTL, shiftX) {
-    var xMax = computeDomainMax(groupChartDataByYValue(points));
+function domainRangeOfNumericForHorizontalBarChartWithAxis(points, margins, containerWidth, isRTL, shiftX, X_ORIGIN) {
+    var longestBars = computeLongestBars(groupChartDataByYValue(points), X_ORIGIN);
+    var xMax = longestBars.longestPositiveBar;
+    var xMin = longestBars.longestNegativeBar;
     var rMin = isRTL ? margins.left : margins.left + shiftX;
     var rMax = isRTL ? containerWidth - margins.right - shiftX : containerWidth - margins.right;
     return isRTL
-        ? { dStartValue: xMax, dEndValue: 0, rStartValue: rMin, rEndValue: rMax }
-        : { dStartValue: 0, dEndValue: xMax, rStartValue: rMin, rEndValue: rMax };
+        ? { dStartValue: xMax, dEndValue: Math.min(xMin, X_ORIGIN), rStartValue: rMin, rEndValue: rMax }
+        : { dStartValue: Math.min(xMin, X_ORIGIN), dEndValue: xMax, rStartValue: rMin, rEndValue: rMax };
 }
 exports.domainRangeOfNumericForHorizontalBarChartWithAxis = domainRangeOfNumericForHorizontalBarChartWithAxis;
 /**
@@ -907,16 +912,18 @@ exports.domainRageOfVerticalNumeric = domainRageOfVerticalNumeric;
  * @param {ILineChartPoints[]} points
  * @returns {{ startValue: number; endValue: number }}
  */
-function findNumericMinMaxOfY(points) {
-    var yMax = (0, d3_array_1.max)(points, function (point) {
-        return (0, d3_array_1.max)(point.data, function (item) { return item.y; });
-    });
-    var yMin = (0, d3_array_1.min)(points, function (point) {
-        return (0, d3_array_1.min)(point.data, function (item) { return item.y; });
+function findNumericMinMaxOfY(points, yAxisType, useSecondaryYScale) {
+    var values = [];
+    points.forEach(function (point) {
+        if (!useSecondaryYScale === !point.useSecondaryYScale) {
+            point.data.forEach(function (data) {
+                values.push(data.y);
+            });
+        }
     });
     return {
-        startValue: yMin,
-        endValue: yMax,
+        startValue: (0, d3_array_1.min)(values),
+        endValue: (0, d3_array_1.max)(values),
     };
 }
 exports.findNumericMinMaxOfY = findNumericMinMaxOfY;
@@ -938,34 +945,19 @@ exports.findVSBCNumericMinMaxOfY = findVSBCNumericMinMaxOfY;
  * @param {IVerticalBarChartDataPoint[]} points
  * @returns {{ startValue: number; endValue: number }}
  */
-function findVerticalNumericMinMaxOfY(points) {
-    var yMax = (0, d3_array_1.max)(points, function (point) {
-        if (point.lineData !== undefined) {
-            if (point.y > point.lineData.y) {
-                return point.y;
-            }
-            else {
-                return point.lineData.y;
-            }
-        }
-        else {
-            return point.y;
+function findVerticalNumericMinMaxOfY(points, yAxisType, useSecondaryYScale) {
+    var values = [];
+    points.forEach(function (point) {
+        if (!useSecondaryYScale) {
+            values.push(point.y);
         }
-    });
-    var yMin = (0, d3_array_1.min)(points, function (point) {
-        if (point.lineData !== undefined) {
-            if (point.y < point.lineData.y) {
-                return point.y;
-            }
-            else {
-                return point.lineData.y;
+        if (typeof point.lineData !== 'undefined') {
+            if (!useSecondaryYScale === !point.lineData.useSecondaryYScale) {
+                values.push(point.lineData.y);
             }
         }
-        else {
-            return point.y;
-        }
     });
-    return { startValue: yMin, endValue: yMax };
+    return { startValue: (0, d3_array_1.min)(values), endValue: (0, d3_array_1.max)(values) };
 }
 exports.findVerticalNumericMinMaxOfY = findVerticalNumericMinMaxOfY;
 /**