@fluentui/react-charting 5.24.8 → 5.24.10

package/CHANGELOG.json

@@ -2,7 +2,55 @@
   "name": "@fluentui/react-charting",
   "entries": [
     {
-      "date": "Tue, 24 Jun 2025 07:20:21 GMT",
+      "date": "Wed, 02 Jul 2025 07:19:48 GMT",
+      "tag": "@fluentui/react-charting_v5.24.10",
+      "version": "5.24.10",
+      "comments": {
+        "patch": [
+          {
+            "author": "anushgupta@microsoft.com",
+            "package": "@fluentui/react-charting",
+            "commit": "c9a5c5b2f5c2e568f8d184b5b712632ef11b617a",
+            "comment": "implement single value callout in line chart"
+          },
+          {
+            "author": "email not defined",
+            "package": "@fluentui/react-charting",
+            "commit": "096558dbd97e7f91d95c43b7b0494f9af521819b",
+            "comment": "feat(react-charting): Support for Funnel Chart"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-charting",
+            "comment": "Bump @fluentui/chart-utilities to v1.1.20",
+            "commit": "096558dbd97e7f91d95c43b7b0494f9af521819b"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 30 Jun 2025 07:19:37 GMT",
+      "tag": "@fluentui/react-charting_v5.24.9",
+      "version": "5.24.9",
+      "comments": {
+        "patch": [
+          {
+            "author": "120183316+srmukher@users.noreply.github.com",
+            "package": "@fluentui/react-charting",
+            "commit": "75a5aa640d1a15ba9a558bfdef7051d8edbf3abb",
+            "comment": "fix(react-charting): Adding support for marker texts for modes containing text"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-charting",
+            "comment": "Bump @fluentui/chart-utilities to v1.1.19",
+            "commit": "2eee98645c74001a4b8125c75b3951870ef317a2"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 24 Jun 2025 07:20:41 GMT",
       "tag": "@fluentui/react-charting_v5.24.8",
       "version": "5.24.8",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,33 @@
 # Change Log - @fluentui/react-charting
 
-This log was last generated on Tue, 24 Jun 2025 07:20:21 GMT and should not be manually modified.
+This log was last generated on Wed, 02 Jul 2025 07:19:48 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [5.24.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.24.10)
+
+Wed, 02 Jul 2025 07:19:48 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charting_v5.24.9..@fluentui/react-charting_v5.24.10)
+
+### Patches
+
+- implement single value callout in line chart ([PR #34757](https://github.com/microsoft/fluentui/pull/34757) by anushgupta@microsoft.com)
+- feat(react-charting): Support for Funnel Chart ([PR #34688](https://github.com/microsoft/fluentui/pull/34688) by email not defined)
+- Bump @fluentui/chart-utilities to v1.1.20 ([PR #34688](https://github.com/microsoft/fluentui/pull/34688) by beachball)
+
+## [5.24.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.24.9)
+
+Mon, 30 Jun 2025 07:19:37 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charting_v5.24.8..@fluentui/react-charting_v5.24.9)
+
+### Patches
+
+- fix(react-charting): Adding support for marker texts for modes containing text ([PR #34708](https://github.com/microsoft/fluentui/pull/34708) by 120183316+srmukher@users.noreply.github.com)
+- Bump @fluentui/chart-utilities to v1.1.19 ([PR #34731](https://github.com/microsoft/fluentui/pull/34731) by beachball)
+
 ## [5.24.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.24.8)
 
-Tue, 24 Jun 2025 07:20:21 GMT 
+Tue, 24 Jun 2025 07:20:41 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charting_v5.24.7..@fluentui/react-charting_v5.24.8)
 
 ### Patches

package/dist/react-charting.d.ts

@@ -206,6 +206,12 @@ export declare interface DeclarativeChartProps extends React_2.RefAttributes<HTM
  */
 export declare const DonutChart: React_2.FunctionComponent<IDonutChartProps>;
 
+/**
+ * Funnelchart component.
+ * {@docCategory FunnelChart}
+ */
+export declare const FunnelChart: React_2.FunctionComponent<IFunnelChartProps>;
+
 /**
  * Gaugechart component.
  * {@docCategory GaugeChart}
@@ -1285,6 +1291,143 @@ export declare interface IEventsAnnotationProps {
     mergedLabel: (count: number) => string;
 }
 
+/**
+ * Data point for funnel chart
+ * {@docCategory FunnelChart}
+ */
+declare interface IFunnelChartDataPoint {
+    /**
+     * Stage name or identifier
+     */
+    stage: string | number;
+    /**
+     * Sub-values for stacked funnel charts
+     * Each sub-value represents a category within the stage
+     */
+    subValues?: Array<{
+        category: string;
+        value: number;
+        color: string;
+    }>;
+    /**
+     * Value for the stage (used for non-stacked funnel charts)
+     */
+    value?: number;
+    /**
+     * Color for the stage (used for non-stacked funnel charts)
+     */
+    color?: string;
+}
+
+/**
+ * Funnel Chart component props
+ * {@docCategory FunnelChart}
+ */
+export declare interface IFunnelChartProps {
+    /**
+     * Data points for the funnel chart
+     */
+    data: IFunnelChartDataPoint[];
+    /**
+     * Title for the chart
+     */
+    chartTitle?: string;
+    /**
+     * Width of the chart
+     */
+    width?: number;
+    /**
+     * Height of the chart
+     */
+    height?: number;
+    /**
+     * Decides whether to show/hide legends
+     * @defaultvalue false
+     */
+    hideLegend?: boolean;
+    /**
+     * Props for the legends in the chart
+     */
+    legendProps?: Partial<ILegendsProps>;
+    /**
+     * Props for the callout in the chart
+     */
+    calloutProps?: Partial<ICalloutProps>;
+    /**
+     * Theme (provided through customization)
+     */
+    theme?: ITheme;
+    /**
+     * Call to provide customized styling that will layer on top of the variant rules
+     */
+    styles?: IStyleFunctionOrObject<IFunnelChartStyleProps, IFunnelChartStyles>;
+    /**
+     * Defines the culture to localize the numbers and dates
+     */
+    culture?: string;
+    /**
+     * Reference to the chart component
+     */
+    componentRef?: React_2.RefObject<any>;
+    /**
+     * Additional CSS class(es) to apply to the chart
+     */
+    className?: string;
+    /**
+     * Orientation of the funnel chart
+     * @defaultvalue 'horizontal'
+     */
+    orientation?: 'horizontal' | 'vertical';
+}
+
+/**
+ * Funnel Chart style properties
+ * {@docCategory FunnelChart}
+ */
+export declare interface IFunnelChartStyleProps {
+    /**
+     * Theme (provided through customization)
+     */
+    theme: ITheme;
+    /**
+     * Additional CSS class(es) to apply to the chart
+     */
+    className?: string;
+    /**
+     * Width of the chart
+     */
+    chartWidth: number;
+    /**
+     * Height of the chart
+     */
+    chartHeight: number;
+}
+
+/**
+ * Funnel Chart styles
+ * {@docCategory FunnelChart}
+ */
+export declare interface IFunnelChartStyles {
+    /**
+     * Styles for the root element
+     */
+    root?: IStyle;
+    /**
+     * Styles for the chart
+     */
+    chart?: IStyle;
+    /**
+     * Styles for text elements
+     */
+    text?: IStyle;
+    /**
+     * Styles for sub-components
+     */
+    subComponentStyles: {
+        calloutStyles: IStyleFunctionOrObject<ICalloutContentStyleProps, ICalloutContentStyles>;
+    };
+}
+
 /**
  * Gauge Chart properties
  * {@docCategory GaugeChart}
@@ -2648,7 +2791,7 @@ export declare interface ILineChartLineOptions extends React_2.SVGProps<SVGPathE
     /**
      * Defines the mode of points to be rendered.
      */
-    mode?: 'lines' | 'markers' | 'text' | 'lines+markers' | 'text+markers' | 'text+lines' | 'text+lines+markers' | 'none' | 'gauge' | 'number' | 'delta' | 'number+delta' | 'gauge+number' | 'gauge+number+delta' | 'gauge+delta' | 'markers+text';
+    mode?: 'lines' | 'markers' | 'text' | 'lines+markers' | 'text+markers' | 'text+lines' | 'text+lines+markers' | 'none' | 'gauge' | 'number' | 'delta' | 'number+delta' | 'gauge+number' | 'gauge+number+delta' | 'gauge+delta' | 'markers+text' | 'lines+text';
 }
 
 /**
@@ -2760,6 +2903,12 @@ export declare interface ILineChartProps extends ICartesianChartProps {
      * @deprecated this prop no longer used to identify scatter mode
      */
     lineMode?: 'default' | 'scatter';
+    /**
+     * To enable callout for individual line or complete stack.
+     * @default false
+     * @type \{boolean \}
+     */
+    isCalloutForStack?: boolean;
 }
 
 /**