@fluentui/react-charts 9.3.13 → 9.3.14

package/CHANGELOG.md

@@ -1,12 +1,24 @@
 # Change Log - @fluentui/react-charts
 
-This log was last generated on Tue, 03 Mar 2026 09:41:33 GMT and should not be manually modified.
+This log was last generated on Wed, 11 Mar 2026 09:20:34 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.3.14](https://github.com/microsoft/fluentui/tree/@fluentui/react-charts_v9.3.14)
+
+Wed, 11 Mar 2026 09:20:34 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charts_v9.3.13..@fluentui/react-charts_v9.3.14)
+
+### Patches
+
+- Replace unsafe expression evaluation with safe recursive-descent parser ([PR #35852](https://github.com/microsoft/fluentui/pull/35852) by atisjai@microsoft.com)
+- fix(charts): block unsafe urls in chart click-to-navigate handlers ([PR #35857](https://github.com/microsoft/fluentui/pull/35857) by vgenaev@gmail.com)
+- Marker size issue in scatter chart and line chart ([PR #35699](https://github.com/microsoft/fluentui/pull/35699) by yushsingla@microsoft.com)
+- Fix legend hover opacity not applied to path elements when barCornerRadius is set in VerticalStackedBarChart ([PR #35854](https://github.com/microsoft/fluentui/pull/35854) by copilot@microsoft.com)
+
 ## [9.3.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-charts_v9.3.13)
 
-Tue, 03 Mar 2026 09:41:33 GMT 
+Tue, 03 Mar 2026 09:43:42 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charts_v9.3.12..@fluentui/react-charts_v9.3.13)
 
 ### Patches

package/dist/index.d.ts

@@ -4665,6 +4665,13 @@ declare interface VegaLiteColorEncoding {
      * Fixed color value
      */
     value?: string;
+    /**
+     * Conditional color encoding with a test expression
+     */
+    condition?: {
+        test: string;
+        value: string;
+    };
 }
 
 /**

package/lib/components/LineChart/LineChart.js

@@ -11,7 +11,7 @@ import { find, findCalloutPoints } from '../../utilities/index';
 import { CartesianChart } from '../../index';
 import { EventsAnnotation } from './eventAnnotation/EventAnnotation';
 import { tokens } from '@fluentui/react-theme';
-import { calloutData, ChartTypes, getXAxisType, XAxisTypes, Points, pointTypes, getTypeOfAxis, getNextColor, getColorFromToken, findNumericMinMaxOfY, createNumericYAxis, domainRangeOfDateForAreaLineScatterVerticalBarCharts, domainRangeOfNumericForAreaLineScatterCharts, createStringYAxis, useRtl, getCurveFactory, isScatterPolarSeries, getDomainPaddingForMarkers, isPlottable, getRangeForScatterMarkerSize } from '../../utilities/index';
+import { calloutData, ChartTypes, getXAxisType, XAxisTypes, Points, pointTypes, getTypeOfAxis, getNextColor, getColorFromToken, findNumericMinMaxOfY, createNumericYAxis, domainRangeOfDateForAreaLineScatterVerticalBarCharts, domainRangeOfNumericForAreaLineScatterCharts, createStringYAxis, useRtl, getCurveFactory, isScatterPolarSeries, getDomainPaddingForMarkers, isPlottable, getRangeForScatterMarkerSize, calculateMarkerRadius } from '../../utilities/index';
 import { renderScatterPolarCategoryLabels } from '../../utilities/scatterpolar-utils';
 import { formatDateToLocaleString } from '@fluentui/chart-utilities';
 import { useImageExport } from '../../utilities/hooks';
@@ -446,7 +446,14 @@ const PATH_MULTIPLY_SIZE = 2.5;
                     }, /*#__PURE__*/ React.createElement("circle", {
                         id: circleId,
                         key: circleId,
-                        r: currentMarkerSize ? currentMarkerSize * extraMaxPixels / maxMarkerSize : activePoint === circleId ? 5.5 : 3.5,
+                        r: calculateMarkerRadius({
+                            pointMarkerSize: currentMarkerSize,
+                            minMarkerSize: 0,
+                            maxMarkerSize,
+                            extraMaxPixels,
+                            isContinuousXY: true,
+                            isActive: activePoint === circleId
+                        }),
                         cx: xPoint,
                         cy: yPoint,
                         fill: activePoint === circleId ? tokens.colorNeutralBackground1 : lineColor,
@@ -578,7 +585,14 @@ const PATH_MULTIPLY_SIZE = 2.5;
                             var _points_i_data_k_text;
                             pointsForLine.push(/*#__PURE__*/ React.createElement("circle", {
                                 key: `${_circleId}_${i}_${k}_marker`,
-                                r: markerSize ? markerSize * extraMaxPixels * 0.3 / maxMarkerSize : activePoint === _circleId ? 5.5 : 3.5,
+                                r: calculateMarkerRadius({
+                                    pointMarkerSize: markerSize,
+                                    minMarkerSize: 0,
+                                    maxMarkerSize,
+                                    extraMaxPixels,
+                                    isContinuousXY: true,
+                                    isActive: activePoint === _circleId
+                                }),
                                 cx: xPoint,
                                 cy: yPoint,
                                 fill: activePoint === _circleId ? tokens.colorNeutralBackground1 : perPointColor || ((_points_i = _points[i]) === null || _points_i === void 0 ? void 0 : _points_i.color) || lineColor,
@@ -625,7 +639,14 @@ const PATH_MULTIPLY_SIZE = 2.5;
                         pointsForLine.push(((_points_i_lineOptions15 = _points[i].lineOptions) === null || _points_i_lineOptions15 === void 0 ? void 0 : (_points_i_lineOptions_mode3 = _points_i_lineOptions15.mode) === null || _points_i_lineOptions_mode3 === void 0 ? void 0 : _points_i_lineOptions_mode3.includes('markers')) || supportsTextMode ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("circle", {
                             id: circleId,
                             key: circleId,
-                            r: currentMarkerSize ? currentMarkerSize * extraMaxPixels / maxMarkerSize : 4,
+                            r: calculateMarkerRadius({
+                                pointMarkerSize: currentMarkerSize,
+                                minMarkerSize: 0,
+                                maxMarkerSize,
+                                extraMaxPixels,
+                                isContinuousXY: true,
+                                isActive: activePoint === circleId
+                            }),
                             cx: xPoint1,
                             cy: yPoint1,
                             tabIndex: isLegendSelected ? 0 : undefined,
@@ -644,7 +665,13 @@ const PATH_MULTIPLY_SIZE = 2.5;
                         }), !_isScatterPolar && supportsTextMode && text && /*#__PURE__*/ React.createElement("text", {
                             key: `${circleId}-label`,
                             x: xPoint1,
-                            y: yPoint1 + Math.max(currentMarkerSize ? currentMarkerSize * extraMaxPixels / maxMarkerSize : 4, 4) + 12,
+                            y: yPoint1 + calculateMarkerRadius({
+                                pointMarkerSize: currentMarkerSize,
+                                minMarkerSize: 0,
+                                maxMarkerSize,
+                                extraMaxPixels,
+                                isContinuousXY: true
+                            }) + 12,
                             className: classes.markerLabel,
                             opacity: isLegendSelected && !currentPointHidden ? 1 : 0.01
                         }, text)) : /*#__PURE__*/ React.createElement("path", {
@@ -686,7 +713,14 @@ const PATH_MULTIPLY_SIZE = 2.5;
                             }, ((_points_i_lineOptions17 = _points[i].lineOptions) === null || _points_i_lineOptions17 === void 0 ? void 0 : (_points_i_lineOptions_mode5 = _points_i_lineOptions17.mode) === null || _points_i_lineOptions_mode5 === void 0 ? void 0 : _points_i_lineOptions_mode5.includes('markers')) || lastSupportsTextMode ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("circle", {
                                 id: lastCircleId,
                                 key: lastCircleId,
-                                r: currentMarkerSize ? currentMarkerSize * extraMaxPixels / maxMarkerSize : 4,
+                                r: calculateMarkerRadius({
+                                    pointMarkerSize: currentMarkerSize,
+                                    minMarkerSize: 0,
+                                    maxMarkerSize,
+                                    extraMaxPixels,
+                                    isContinuousXY: true,
+                                    isActive: activePoint === lastCircleId
+                                }),
                                 cx: xPoint2,
                                 cy: yPoint2,
                                 tabIndex: isLegendSelected ? 0 : undefined,
@@ -705,7 +739,13 @@ const PATH_MULTIPLY_SIZE = 2.5;
                             }), !_isScatterPolar && lastSupportsTextMode && lastText && /*#__PURE__*/ React.createElement("text", {
                                 key: `${lastCircleId}-label`,
                                 x: xPoint2,
-                                y: yPoint2 + Math.max(currentMarkerSize ? currentMarkerSize * extraMaxPixels / maxMarkerSize : 4, 4) + 12,
+                                y: yPoint2 + calculateMarkerRadius({
+                                    pointMarkerSize: currentMarkerSize,
+                                    minMarkerSize: 0,
+                                    maxMarkerSize,
+                                    extraMaxPixels,
+                                    isContinuousXY: true
+                                }) + 12,
                                 className: classes.markerLabel
                             }, text)) : /*#__PURE__*/ React.createElement("path", {
                                 id: lastCircleId,