@fluentui/react-charting 5.24.11 → 5.24.13

package/lib/utilities/utilities.js

@@ -24,6 +24,7 @@ export var ChartTypes;
     ChartTypes[ChartTypes["HeatMapChart"] = 5] = "HeatMapChart";
     ChartTypes[ChartTypes["HorizontalBarChartWithAxis"] = 6] = "HorizontalBarChartWithAxis";
     ChartTypes[ChartTypes["ScatterChart"] = 7] = "ScatterChart";
+    ChartTypes[ChartTypes["GanttChart"] = 8] = "GanttChart";
 })(ChartTypes || (ChartTypes = {}));
 export var XAxisTypes;
 (function (XAxisTypes) {
@@ -94,7 +95,7 @@ export function createNumericXAxis(xAxisParams, tickParams, chartType, culture)
         .tickPadding(tickPadding)
         .ticks(tickCount)
         .tickFormat(tickFormat);
-    if (chartType === ChartTypes.HorizontalBarChartWithAxis) {
+    if ([ChartTypes.HorizontalBarChartWithAxis, ChartTypes.GanttChart].includes(chartType)) {
         xAxis.tickSizeInner(-(xAxisParams.containerHeight - xAxisParams.margins.top));
     }
     if (tickParams.tickValues) {
@@ -173,7 +174,7 @@ function getMultiLevelD3DateFormatter(startLevel, endLevel, locale, useUTC) {
     var formatter = timeFormat(MULTI_LEVEL_DATE_TIME_FORMATS[startLevel][endLevel]);
     return formatter;
 }
-function getDateFormatLevel(date, useUTC) {
+export function getDateFormatLevel(date, useUTC) {
     var _a;
     var timeSecond = useUTC ? d3UtcSecond : d3TimeSecond;
     var timeMinute = useUTC ? d3UtcMinute : d3TimeMinute;
@@ -208,7 +209,7 @@ function isPowerOf10(num) {
  * @param {IXAxisParams} xAxisParams
  * @param {ITickParams} tickParams
  */
-export function createDateXAxis(xAxisParams, tickParams, culture, options, timeFormatLocale, customDateTimeFormatter, useUTC) {
+export function createDateXAxis(xAxisParams, tickParams, culture, options, timeFormatLocale, customDateTimeFormatter, useUTC, chartType) {
     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, xAxisCount = xAxisParams.xAxisCount, calcMaxLabelWidth = xAxisParams.calcMaxLabelWidth;
     var xAxisScale = useUTC ? d3ScaleUtc() : d3ScaleTime();
@@ -257,6 +258,9 @@ export function createDateXAxis(xAxisParams, tickParams, culture, options, timeF
         .tickPadding(tickPadding)
         .ticks(tickCount)
         .tickFormat(tickFormat);
+    if ([ChartTypes.GanttChart].includes(chartType)) {
+        xAxis.tickSizeInner(-(xAxisParams.containerHeight - xAxisParams.margins.top));
+    }
     tickParams.tickValues ? xAxis.tickValues(tickParams.tickValues) : '';
     if (xAxisElement) {
         d3Select(xAxisElement).call(xAxis).selectAll('text').attr('aria-hidden', 'true');
@@ -801,6 +805,7 @@ export function getXAxisType(points) {
  * @returns {IDomainNRange}
  */
 export function domainRangeOfNumericForAreaChart(points, margins, width, isRTL) {
+    var isScatterPolar = isScatterPolarSeries(points);
     var xMin = d3Min(points, function (point) {
         return d3Min(point.data, function (item) { return item.x; });
     });
@@ -812,8 +817,8 @@ export function domainRangeOfNumericForAreaChart(points, margins, width, isRTL)
     var rStartValue = margins.left;
     var rEndValue = width - margins.right;
     return isRTL
-        ? { dStartValue: xMax, dEndValue: xMin, rStartValue: rStartValue, rEndValue: rEndValue }
-        : { dStartValue: xMin, dEndValue: xMax, rStartValue: rStartValue, rEndValue: rEndValue };
+        ? { dStartValue: isScatterPolar ? 1 : xMax, dEndValue: isScatterPolar ? -1 : xMin, rStartValue: rStartValue, rEndValue: rEndValue }
+        : { dStartValue: isScatterPolar ? -1 : xMin, dEndValue: isScatterPolar ? 1 : xMax, rStartValue: rStartValue, rEndValue: rEndValue };
 }
 /**
  * Groups HorizontalBarChart With Axis data based on YValue
@@ -1024,9 +1029,9 @@ export function findVerticalNumericMinMaxOfY(points, yAxisType, useSecondaryYSca
     return { startValue: d3Min(values), endValue: d3Max(values) };
 }
 /**
- * Fins the min and max values of the vertical bar chart y axis data point.
+ * Fins the min and max values of the horizontal bar chart y axis data point.
  * @export
- * @param {IVerticalBarChartDataPoint[]} points
+ * @param {IHorizontalBarChartWithAxisDataPoint[]|IGanttChartDataPoint[]} points
  * @returns {{ startValue: number; endValue: number }}
  */
 export function findHBCWANumericMinMaxOfY(points, yAxisType) {
@@ -1383,6 +1388,7 @@ export function domainRangeOfDateForScatterChart(points, margins, width, isRTL,
  * @returns {IDomainNRange}
  */
 export function domainRangeOfNumericForScatterChart(points, margins, width, isRTL) {
+    var isScatterPolar = isScatterPolarSeries(points);
     var xMin = d3Min(points, function (point) {
         return d3Min(point.data, function (item) { return item.x; });
     });
@@ -1397,8 +1403,8 @@ export function domainRangeOfNumericForScatterChart(points, margins, width, isRT
     var rStartValue = margins.left;
     var rEndValue = width - margins.right;
     return isRTL
-        ? { dStartValue: xMax, dEndValue: xMin, rStartValue: rStartValue, rEndValue: rEndValue }
-        : { dStartValue: xMin, dEndValue: xMax, rStartValue: rStartValue, rEndValue: rEndValue };
+        ? { dStartValue: isScatterPolar ? 1 : xMax, dEndValue: isScatterPolar ? -1 : xMin, rStartValue: rStartValue, rEndValue: rEndValue }
+        : { dStartValue: isScatterPolar ? -1 : xMin, dEndValue: isScatterPolar ? 1 : xMax, rStartValue: rStartValue, rEndValue: rEndValue };
 }
 export var truncateString = function (str, maxLength, ellipsis) {
     if (ellipsis === void 0) { ellipsis = '...'; }
@@ -1477,4 +1483,14 @@ export function getContrastTextColor(backgroundColor, theme) {
     }
     return textColor;
 }
+/**
+ * Utility function to check if an array of points is scatterpolar
+ * @param points - Array of chart points
+ * @returns true if any point has lineOptions.mode as 'scatterpolar'
+ */
+export function isScatterPolarSeries(points) {
+    return points.some(
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    function (item) { var _a; return typeof ((_a = item.lineOptions) === null || _a === void 0 ? void 0 : _a.mode) === 'string' && item.lineOptions.mode === 'scatterpolar'; });
+}
 //# sourceMappingURL=utilities.js.map