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

package/lib-commonjs/components/LineChart/LineChart.js

@@ -21,6 +21,7 @@ const _index2 = require("../../index");
 const _EventAnnotation = require("./eventAnnotation/EventAnnotation");
 const _reacttheme = require("@fluentui/react-theme");
 const _imageexportutils = require("../../utilities/image-export-utils");
+const _scatterpolarutils = require("../../utilities/scatterpolar-utils");
 var PointSize = /*#__PURE__*/ function(PointSize) {
     PointSize[PointSize["hoverSize"] = 11] = "hoverSize";
     PointSize[PointSize["invisibleSize"] = 1] = "invisibleSize";
@@ -97,6 +98,7 @@ const LineChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
     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 = (0, _index1.calloutData)(_points) || [];
@@ -211,6 +213,7 @@ const LineChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
             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 = (0, _index1.isScatterPolarSeries)(filteredData);
         return filteredData ? filteredData.map((item, index)=>{
             let color;
             if (typeof item.color === 'undefined') {
@@ -475,7 +478,7 @@ const LineChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
                     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,
@@ -605,7 +608,7 @@ const LineChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
                         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,
@@ -663,7 +666,7 @@ const LineChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
                             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,
@@ -771,6 +774,24 @@ const LineChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
                     }
                 }
             }
+            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(...(0, _scatterpolarutils.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",
@@ -1237,6 +1258,10 @@ const LineChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
         getMinMaxOfYAxis: _getNumericMinMaxOfY,
         getGraphData: _initializeLineChartData,
         xAxisType: _isXAxisDateType ? _index1.XAxisTypes.DateAxis : _index1.XAxisTypes.NumericAxis,
+        ..._isScatterPolar ? {
+            yMaxValue: 1,
+            yMinValue: -1
+        } : {},
         getDomainNRangeValues: _getDomainNRangeValues,
         createStringYAxis: _index1.createStringYAxis,
         onChartMouseLeave: _handleChartMouseLeave,