@fluentui/react-charting 5.24.2 → 5.24.3

package/CHANGELOG.json

@@ -2,7 +2,40 @@
   "name": "@fluentui/react-charting",
   "entries": [
     {
-      "date": "Fri, 06 Jun 2025 07:20:09 GMT",
+      "date": "Thu, 12 Jun 2025 07:19:48 GMT",
+      "tag": "@fluentui/react-charting_v5.24.3",
+      "version": "5.24.3",
+      "comments": {
+        "patch": [
+          {
+            "author": "anushgupta@microsoft.com",
+            "package": "@fluentui/react-charting",
+            "commit": "96ebe14eefb14c65b03856f17ffc03e8120cdea7",
+            "comment": "axis title background fix"
+          },
+          {
+            "author": "120183316+srmukher@users.noreply.github.com",
+            "package": "@fluentui/react-charting",
+            "commit": "3e902f17659ae2f04fbf92f72dba48b5e9c1cad5",
+            "comment": "feat(react-charting): Adding Scatter chart component"
+          },
+          {
+            "author": "98592573+AtishayMsft@users.noreply.github.com",
+            "package": "@fluentui/react-charting",
+            "commit": "4524a28299ce317d53ca354f7c0e202e5a491d04",
+            "comment": "feat(react-charting): Enable support for multiplots in declarative chart"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-charting",
+            "comment": "Bump @fluentui/chart-utilities to v1.1.16",
+            "commit": "96ebe14eefb14c65b03856f17ffc03e8120cdea7"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 06 Jun 2025 07:20:30 GMT",
       "tag": "@fluentui/react-charting_v5.24.2",
       "version": "5.24.2",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,24 @@
 # Change Log - @fluentui/react-charting
 
-This log was last generated on Fri, 06 Jun 2025 07:20:09 GMT and should not be manually modified.
+This log was last generated on Thu, 12 Jun 2025 07:19:48 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [5.24.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.24.3)
+
+Thu, 12 Jun 2025 07:19:48 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charting_v5.24.2..@fluentui/react-charting_v5.24.3)
+
+### Patches
+
+- axis title background fix ([PR #34621](https://github.com/microsoft/fluentui/pull/34621) by anushgupta@microsoft.com)
+- feat(react-charting): Adding Scatter chart component ([PR #34374](https://github.com/microsoft/fluentui/pull/34374) by 120183316+srmukher@users.noreply.github.com)
+- feat(react-charting): Enable support for multiplots in declarative chart ([PR #34626](https://github.com/microsoft/fluentui/pull/34626) by 98592573+AtishayMsft@users.noreply.github.com)
+- Bump @fluentui/chart-utilities to v1.1.16 ([PR #34621](https://github.com/microsoft/fluentui/pull/34621) by beachball)
+
 ## [5.24.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.24.2)
 
-Fri, 06 Jun 2025 07:20:09 GMT 
+Fri, 06 Jun 2025 07:20:30 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charting_v5.24.1..@fluentui/react-charting_v5.24.2)
 
 ### Patches

package/dist/react-charting.d.ts

@@ -58,7 +58,8 @@ declare enum ChartTypes {
     VerticalStackedBarChart = 3,
     GroupedVerticalBarChart = 4,
     HeatMapChart = 5,
-    HorizontalBarChartWithAxis = 6
+    HorizontalBarChartWithAxis = 6,
+    ScatterChart = 7
 }
 
 declare type ColorwayType = 'default' | 'builtin' | 'others' | undefined;
@@ -335,6 +336,46 @@ declare interface IAxisData {
     yAxisDomainValues: number[];
 }
 
+/**
+ * {@docCategory IChartData}
+ */
+export declare interface IBaseDataPoint {
+    /**
+     * Defines the function that is executed on clicking  line
+     */
+    onDataPointClick?: () => void;
+    /**
+     * Callout data for x axis
+     */
+    xAxisCalloutData?: string;
+    /**
+     * Callout data for y axis
+     */
+    yAxisCalloutData?: string | {
+        [id: string]: number;
+    };
+    /**
+     * Whether to hide callout data for the point.
+     */
+    hideCallout?: boolean;
+    /**
+     * Accessibility data for callout
+     */
+    callOutAccessibilityData?: IAccessibilityProps;
+    /**
+     * X axis Accessibility data for callout
+     */
+    xAxisCalloutAccessibilityData?: IAccessibilityProps;
+    /**
+     * Marker size of the points
+     */
+    markerSize?: number;
+    /**
+     * text labels of marker points
+     */
+    text?: string;
+}
+
 export declare interface IBasestate {
     _width?: number;
     _height?: number;
@@ -594,6 +635,18 @@ export declare interface ICartesianChartProps {
      * @default false
      */
     hideTickOverlap?: boolean;
+    /**
+     * Prop to set the x axis annotation. Used to display additional information on the x-axis.
+     * This is shown on the top of the chart.
+     * @default undefined
+     */
+    xAxisAnnotation?: string;
+    /**
+     * Prop to set the y axis annotation. Used to display additional information on the y-axis.
+     * This is shown on the right side of the chart. Not shown if secondary y-axis is enabled.
+     * @default undefined
+     */
+    yAxisAnnotation?: string;
 }
 
 /**
@@ -709,9 +762,13 @@ export declare interface ICartesianChartStyles {
      */
     tooltip?: IStyle;
     /**
-     * styles for tooltip
+     * styles for axis title
      */
     axisTitle?: IStyle;
+    /**
+     * styles for axis annotation
+     */
+    axisAnnotation?: IStyle;
     /**
      * Style for the chart Title.
      */
@@ -728,6 +785,10 @@ export declare interface ICartesianChartStyles {
      * Styles for the chart wrapper div
      */
     chartWrapper?: IStyle;
+    /**
+     * Styles for the svg tooltip
+     */
+    svgTooltip?: IStyle;
 }
 
 /**
@@ -918,6 +979,10 @@ export declare interface IChartProps {
      * data for the points in the line chart
      */
     lineChartData?: ILineChartPoints[];
+    /**
+     * data for the points in the scatter chart
+     */
+    scatterChartData?: IScatterChartPoints[];
     /**
      * data for the points in the line chart
      */
@@ -2481,7 +2546,7 @@ export declare interface ILegendSubComponentStyles {
 /**
  * {@docCategory IChartData}
  */
-export declare interface ILineChartDataPoint {
+export declare interface ILineChartDataPoint extends IBaseDataPoint {
     /**
      * Independent value of the data point, rendered along the x-axis.
      * If x is a number, then each y-coordinate is plotted at its x-coordinate.
@@ -2492,40 +2557,6 @@ export declare interface ILineChartDataPoint {
      * Dependent value of the data point, rendered along the y-axis.
      */
     y: number;
-    /**
-     * Defines the function that is executed on clicking  line
-     */
-    onDataPointClick?: () => void;
-    /**
-     * Callout data for x axis
-     */
-    xAxisCalloutData?: string;
-    /**
-     * Callout data for y axis
-     */
-    yAxisCalloutData?: string | {
-        [id: string]: number;
-    };
-    /**
-     * Whether to hide callout data for the point.
-     */
-    hideCallout?: boolean;
-    /**
-     * Accessibility data for callout
-     */
-    callOutAccessibilityData?: IAccessibilityProps;
-    /**
-     * X axis Accessibility data for callout
-     */
-    xAxisCalloutAccessibilityData?: IAccessibilityProps;
-    /**
-     * Marker size of the points
-     */
-    markerSize?: number;
-    /**
-     * text labels of marker points
-     */
-    text?: string;
 }
 
 /**
@@ -3479,6 +3510,102 @@ export declare interface ISankeyChartStyles {
     chartWrapper?: IStyle;
 }
 
+/**
+ * {@docCategory IChartData}
+ * ScatterChartDataPoint interface.
+ */
+export declare interface IScatterChartDataPoint extends IBaseDataPoint {
+    /**
+     * Independent value of the data point, rendered along the x-axis.
+     */
+    x: number | Date | string;
+    /**
+     * Dependent value of the data point, rendered along the y-axis.
+     */
+    y: number;
+}
+
+/**
+ * {@docCategory IChartData}
+ */
+export declare interface IScatterChartPoints {
+    /**
+     * Legend text for the datapoint in the chart
+     */
+    legend: string;
+    /**
+     * The shape for the legend
+     * default: show the rect legend
+     */
+    legendShape?: LegendShape;
+    /**
+     * dataPoints for the line chart
+     */
+    data: IScatterChartDataPoint[];
+    /**
+     * color for the legend in the chart
+     */
+    color?: string;
+    /**
+     * opacity for chart fill color
+     */
+    opacity?: number;
+    /**
+     * hide dots for points that are not active
+     */
+    hideNonActiveDots?: boolean;
+    /**
+     * Defines the function that is executed on clicking this legend
+     */
+    onLegendClick?: (selectedLegend: string | null | string[]) => void;
+    /**
+     * Whether to use the secondary y scale or not
+     * False by default.
+     */
+    useSecondaryYScale?: boolean;
+}
+
+/**
+ * Line Chart properties
+ * {@docCategory LineChart}
+ */
+export declare interface IScatterChartProps extends ICartesianChartProps {
+    /**
+     * Data to render in the chart.
+     */
+    data: IChartProps;
+    /**
+     * Call to provide customized styling that will layer on top of the variant rules.
+     */
+    styles?: IScatterChartStyles;
+    /**
+     * Define a custom callout renderer for a data point
+     */
+    onRenderCalloutPerDataPoint?: IRenderFunction<ICustomizedCalloutData>;
+    /**
+     * Callback for getting callout description message
+     */
+    getCalloutDescriptionMessage?: (calloutDataProps: ICustomizedCalloutData) => string | undefined;
+    /**
+     * The prop used to define the culture to localized the numbers
+     */
+    culture?: string;
+}
+
+/**
+ * Scatter Chart style properties
+ * {@docCategory ScatterChart}
+ */
+export declare interface IScatterChartStyleProps extends ICartesianChartStyleProps {
+}
+
+/**
+ * Scatter Chart styles
+ * {@docCategory ScatterChart}
+ */
+export declare interface IScatterChartStyles extends ICartesianChartStyles {
+}
+
 export declare interface IShapeProps {
     svgProps: React_2.SVGAttributes<SVGElement>;
     pathProps: React_2.SVGAttributes<SVGPathElement>;
@@ -4604,6 +4731,12 @@ export declare const ResponsiveContainer: React_2.FC<IResponsiveContainerProps>;
  */
 export declare const SankeyChart: React_2.FunctionComponent<ISankeyChartProps>;
 
+/**
+ * Scatterchart component
+ * {@docCategory ScatterChart}
+ */
+export declare const ScatterChart: React_2.FunctionComponent<IScatterChartProps>;
+
 /**
  * DeclarativeChart schema.
  * {@docCategory DeclarativeChart}