@fluentui/react-charts 0.0.0-nightly-20250826-0412.1 → 0.0.0-nightly-20250827-0407.1

package/lib/components/LineChart/LineChart.js

@@ -10,8 +10,9 @@ import { find } from '../../utilities/index';
 import { CartesianChart } from '../../index';
 import { EventsAnnotation } from './eventAnnotation/EventAnnotation';
 import { tokens } from '@fluentui/react-theme';
-import { calloutData, ChartTypes, getXAxisType, XAxisTypes, tooltipOfAxislabels, Points, pointTypes, getTypeOfAxis, getNextColor, getColorFromToken, findNumericMinMaxOfY, createNumericYAxis, domainRangeOfDateForAreaLineVerticalBarChart, domainRangeOfNumericForAreaChart, createStringYAxis, useRtl, formatDate, getCurveFactory } from '../../utilities/index';
+import { calloutData, ChartTypes, getXAxisType, XAxisTypes, tooltipOfAxislabels, Points, pointTypes, getTypeOfAxis, getNextColor, getColorFromToken, findNumericMinMaxOfY, createNumericYAxis, domainRangeOfDateForAreaLineVerticalBarChart, domainRangeOfNumericForAreaChart, createStringYAxis, useRtl, formatDate, getCurveFactory, isScatterPolarSeries } from '../../utilities/index';
 import { toImage } from '../../utilities/image-export-utils';
+import { renderScatterPolarCategoryLabels } from '../../utilities/scatterpolar-utils';
 var PointSize = /*#__PURE__*/ function(PointSize) {
     PointSize[PointSize["hoverSize"] = 11] = "hoverSize";
     PointSize[PointSize["invisibleSize"] = 1] = "invisibleSize";
@@ -92,6 +93,7 @@ const PATH_MULTIPLY_SIZE = 2.5;
     var _props_legendProps_selectedLegends, _props_legendProps;
     let _hasMarkersMode = false;
     let _isXAxisDateType = false;
+    let _isScatterPolar = false;
     let _points = _injectIndexPropertyInLineChartData(props.data.lineChartData);
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     let _calloutPoints = calloutData(_points) || [];
@@ -206,6 +208,7 @@ const PATH_MULTIPLY_SIZE = 2.5;
             var _item_lineOptions_mode_includes, _item_lineOptions_mode, _item_lineOptions;
             return (_item_lineOptions = item.lineOptions) === null || _item_lineOptions === void 0 ? void 0 : (_item_lineOptions_mode = _item_lineOptions.mode) === null || _item_lineOptions_mode === void 0 ? void 0 : (_item_lineOptions_mode_includes = _item_lineOptions_mode.includes) === null || _item_lineOptions_mode_includes === void 0 ? void 0 : _item_lineOptions_mode_includes.call(_item_lineOptions_mode, 'markers');
         })) !== null && _filteredData_some !== void 0 ? _filteredData_some : false;
+        _isScatterPolar = isScatterPolarSeries(filteredData);
         return filteredData ? filteredData.map((item, index)=>{
             let color;
             if (typeof item.color === 'undefined') {
@@ -470,7 +473,7 @@ const PATH_MULTIPLY_SIZE = 2.5;
                     onFocus: (event)=>_handleFocus(event, circleId, x1, xAxisCalloutData, circleId, xAxisCalloutAccessibilityData),
                     onBlur: _handleMouseOut,
                     ..._getClickHandler(_points[i].data[0].onDataPointClick)
-                }), supportsTextMode && text && /*#__PURE__*/ React.createElement("text", {
+                }), !_isScatterPolar && supportsTextMode && text && /*#__PURE__*/ React.createElement("text", {
                     key: `${circleId}-label`,
                     x: _xAxisScale(x1),
                     y: yScale(y1) + Math.max(currentMarkerSize ? currentMarkerSize * extraMaxPixels / maxMarkerSize : 3.5, 4) + 12,
@@ -600,7 +603,7 @@ const PATH_MULTIPLY_SIZE = 2.5;
                         strokeWidth: strokeWidth,
                         role: "img",
                         "aria-label": (_points_i_data__text1 = _points[i].data[j - 1].text) !== null && _points_i_data__text1 !== void 0 ? _points_i_data__text1 : _getAriaLabel(i, j - 1)
-                    }), supportsTextMode && text && /*#__PURE__*/ React.createElement("text", {
+                    }), !_isScatterPolar && supportsTextMode && text && /*#__PURE__*/ React.createElement("text", {
                         key: `${circleId}-label`,
                         x: _xAxisScale(x1),
                         y: yScale(y1) + Math.max(currentMarkerSize ? currentMarkerSize * extraMaxPixels / maxMarkerSize : 4, 4) + 12,
@@ -658,7 +661,7 @@ const PATH_MULTIPLY_SIZE = 2.5;
                             strokeWidth: strokeWidth,
                             role: "img",
                             "aria-label": (_points_i_data_j_text = _points[i].data[j].text) !== null && _points_i_data_j_text !== void 0 ? _points_i_data_j_text : _getAriaLabel(i, j)
-                        }), lastSupportsTextMode && lastText && /*#__PURE__*/ React.createElement("text", {
+                        }), !_isScatterPolar && lastSupportsTextMode && lastText && /*#__PURE__*/ React.createElement("text", {
                             key: `${lastCircleId}-label`,
                             x: _xAxisScale(x2),
                             y: yScale(y2) + Math.max(currentMarkerSize ? currentMarkerSize * extraMaxPixels / maxMarkerSize : 4, 4) + 12,
@@ -766,6 +769,24 @@ const PATH_MULTIPLY_SIZE = 2.5;
                     }
                 }
             }
+            if (_isScatterPolar) {
+                var _points_i;
+                // Render category labels for all series at once to avoid overlap
+                const allSeriesData = _points.map((series)=>({
+                        data: series.data.filter((pt)=>typeof pt.x === 'number' && typeof pt.y === 'number').map((pt)=>({
+                                x: pt.x,
+                                y: pt.y,
+                                text: pt.text
+                            }))
+                    }));
+                pointsForLine.push(...renderScatterPolarCategoryLabels({
+                    allSeriesData,
+                    xAxisScale: _xAxisScale,
+                    yAxisScale: yScale,
+                    className: classes.markerLabel || '',
+                    lineOptions: (_points_i = _points[i]) === null || _points_i === void 0 ? void 0 : _points_i.lineOptions
+                }));
+            }
             lines.push(/*#__PURE__*/ React.createElement("g", {
                 key: `line_${i}`,
                 role: "region",
@@ -1232,6 +1253,10 @@ const PATH_MULTIPLY_SIZE = 2.5;
         getMinMaxOfYAxis: _getNumericMinMaxOfY,
         getGraphData: _initializeLineChartData,
         xAxisType: _isXAxisDateType ? XAxisTypes.DateAxis : XAxisTypes.NumericAxis,
+        ..._isScatterPolar ? {
+            yMaxValue: 1,
+            yMinValue: -1
+        } : {},
         getDomainNRangeValues: _getDomainNRangeValues,
         createStringYAxis: createStringYAxis,
         onChartMouseLeave: _handleChartMouseLeave,