@fluentui/react-charting 5.24.31 → 5.24.32

package/CHANGELOG.json

@@ -2,7 +2,34 @@
   "name": "@fluentui/react-charting",
   "entries": [
     {
-      "date": "Fri, 12 Sep 2025 07:20:25 GMT",
+      "date": "Mon, 15 Sep 2025 07:20:28 GMT",
+      "tag": "@fluentui/react-charting_v5.24.32",
+      "version": "5.24.32",
+      "comments": {
+        "patch": [
+          {
+            "author": "kumarkshitij@microsoft.com",
+            "package": "@fluentui/react-charting",
+            "commit": "0ce8d43a27222f99d83053f6df8c0619590892b7",
+            "comment": "feat: add support for lines in GVBC"
+          },
+          {
+            "author": "kumarkshitij@microsoft.com",
+            "package": "@fluentui/react-charting",
+            "commit": "79b08d95a8b7c2058ab6809fc36d301489bd01e3",
+            "comment": "fix: callout not appearing on scatter chart"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-charting",
+            "comment": "Bump @fluentui/chart-utilities to v1.1.31",
+            "commit": "0ce8d43a27222f99d83053f6df8c0619590892b7"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 12 Sep 2025 07:20:43 GMT",
       "tag": "@fluentui/react-charting_v5.24.31",
       "version": "5.24.31",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,23 @@
 # Change Log - @fluentui/react-charting
 
-This log was last generated on Fri, 12 Sep 2025 07:20:25 GMT and should not be manually modified.
+This log was last generated on Mon, 15 Sep 2025 07:20:28 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [5.24.32](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.24.32)
+
+Mon, 15 Sep 2025 07:20:28 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charting_v5.24.31..@fluentui/react-charting_v5.24.32)
+
+### Patches
+
+- feat: add support for lines in GVBC ([PR #35135](https://github.com/microsoft/fluentui/pull/35135) by kumarkshitij@microsoft.com)
+- fix: callout not appearing on scatter chart ([PR #35185](https://github.com/microsoft/fluentui/pull/35185) by kumarkshitij@microsoft.com)
+- Bump @fluentui/chart-utilities to v1.1.31 ([PR #35135](https://github.com/microsoft/fluentui/pull/35135) by beachball)
+
 ## [5.24.31](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.24.31)
 
-Fri, 12 Sep 2025 07:20:25 GMT 
+Fri, 12 Sep 2025 07:20:43 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charting_v5.24.30..@fluentui/react-charting_v5.24.31)
 
 ### Patches

package/dist/react-charting.d.ts

@@ -416,6 +416,24 @@ declare interface IAxisData {
     yAxisDomainValues: number[];
 }
 
+/**
+ * Represents a bar series.
+ */
+export declare interface IBarSeries<X extends string | number | Date, Y extends string | number | Date> extends IDataSeries {
+    /**
+     * Type discriminator: always 'bar' for this series.
+     */
+    type: 'bar';
+    /**
+     * Array of data points for the series.
+     */
+    data: IDataPointV2<X, Y>[];
+    /**
+     * Optional group identifier for the series.
+     */
+    key?: string;
+}
+
 /**
  * {@docCategory IChartData}
  */
@@ -1260,6 +1278,82 @@ export declare interface IDataPoint {
     onClick?: VoidFunction;
 }
 
+/**
+ * Represents a single data point in a series.
+ */
+export declare interface IDataPointV2<X extends string | number | Date, Y extends string | number | Date> {
+    /**
+     * X-axis value of the data point.
+     */
+    x: X;
+    /**
+     * Y-axis value of the data point.
+     */
+    y: Y;
+    /**
+     * Optional click handler for the data point.
+     */
+    onClick?: () => void;
+    /**
+     * Custom text to show in the callout in place of the x-axis value.
+     */
+    xAxisCalloutData?: string;
+    /**
+     * Custom text to show in the callout in place of the y-axis value.
+     */
+    yAxisCalloutData?: string;
+    /**
+     * Accessibility properties for the data point.
+     */
+    callOutAccessibilityData?: IAccessibilityProps;
+    /**
+     * Custom marker size for the data point.
+     */
+    markerSize?: number;
+    /**
+     * Optional text to annotate or label the data point.
+     */
+    text?: string;
+    /**
+     * Color of the data point. If not provided, it will inherit the series color.
+     */
+    color?: string;
+}
+
+/**
+ * Base interface for a series.
+ */
+export declare interface IDataSeries {
+    /**
+     * Name of the series to be displayed in the legend.
+     */
+    legend: string;
+    /**
+     * Shape used in the legend (e.g., circle, square).
+     */
+    legendShape?: LegendShape;
+    /**
+     * Color of the series.
+     */
+    color?: string;
+    /**
+     * Opacity of the series.
+     */
+    opacity?: number;
+    /**
+     * Gradient fill for the series (start and end colors).
+     */
+    gradient?: [string, string];
+    /**
+     * Whether this series should be plotted against a secondary Y-axis.
+     */
+    useSecondaryYScale?: boolean;
+    /**
+     * Callback invoked when the legend item is clicked.
+     */
+    onLegendClick?: (selectedLegend: string | null | string[]) => void;
+}
+
 /**
  * {@docCategory DeclarativeChart}
  */
@@ -1952,7 +2046,7 @@ export declare interface IGroupedVerticalBarChartProps extends ICartesianChartPr
     /**
      * Data to render in the chart.
      */
-    data: IGroupedVerticalBarChartData[];
+    data?: IGroupedVerticalBarChartData[];
     /**
      * Width of each bar in the chart. When set to `undefined` or `'default'`, the bar width defaults to 16px,
      * which may decrease to prevent overlap. When set to `'auto'`, the bar width is calculated from padding values.
@@ -2042,6 +2136,11 @@ export declare interface IGroupedVerticalBarChartProps extends ICartesianChartPr
      * @default 'default'
      */
     mode?: 'default' | 'plotly';
+    /**
+     * New flexible data prop - supports both bar and line series.
+     * Use `dataV2` instead of `data` when line series are included.
+     */
+    dataV2?: (IBarSeries<string, number> | ILineSeries<string, number>)[];
 }
 
 /**
@@ -2081,7 +2180,7 @@ export declare interface IGVBarChartSeriesPoint {
     /**
      * Color for the legend in the chart
      */
-    color: string;
+    color?: string;
     /**
      * Gradient for the legend in the chart. If not provided, it will fallback on the default color palette.
      * If provided, it will override the color prop. granted `enableGradient` is set to true for the chart.
@@ -3207,6 +3306,36 @@ export declare interface ILineDataInVerticalStackedBarChart {
     lineOptions?: ILineChartLineOptions;
 }
 
+/**
+ * Represents a line series.
+ */
+export declare interface ILineSeries<X extends string | number | Date, Y extends string | number | Date> extends IDataSeries {
+    /**
+     * Type discriminator: always 'line' for this series.
+     */
+    type: 'line';
+    /**
+     * Array of data points for the series.
+     */
+    data: IDataPointV2<X, Y>[];
+    /**
+     * Optional gaps to render in the line.
+     */
+    gaps?: ILineChartGap[];
+    /**
+     * Additional line rendering options (e.g., stroke width, curve type).
+     */
+    lineOptions?: ILineChartLineOptions;
+    /**
+     * If true, hides dots for inactive (unfocused/unhovered) data points.
+     */
+    hideInactiveDots?: boolean;
+    /**
+     * Callback invoked when the line itself is clicked.
+     */
+    onLineClick?: () => void;
+}
+
 /**
  * {@docCategory IChartProps}
  */