@fluentui/react-charts 9.3.2 → 9.3.4

package/CHANGELOG.md

@@ -1,12 +1,57 @@
 # Change Log - @fluentui/react-charts
 
-This log was last generated on Wed, 08 Oct 2025 12:00:20 GMT and should not be manually modified.
+This log was last generated on Fri, 31 Oct 2025 16:17:34 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.3.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-charts_v9.3.4)
+
+Fri, 31 Oct 2025 16:17:34 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charts_v9.3.3..@fluentui/react-charts_v9.3.4)
+
+### Patches
+
+- fix chart crash issue ([PR #35399](https://github.com/microsoft/fluentui/pull/35399) by anushgupta@microsoft.com)
+- update react version to react 19 ([PR #35402](https://github.com/microsoft/fluentui/pull/35402) by anushgupta@microsoft.com)
+- fix dark mode styles of chart table ([PR #35377](https://github.com/microsoft/fluentui/pull/35377) by anushgupta@microsoft.com)
+- fix chart exceptions ([PR #35393](https://github.com/microsoft/fluentui/pull/35393) by anushgupta@microsoft.com)
+- feat: map deprecated plotly create_gantt() scatter traces to gantt chart ([PR #35334](https://github.com/microsoft/fluentui/pull/35334) by kumarkshitij@microsoft.com)
+- Bump @fluentui/react-button to v9.6.10 ([PR #35402](https://github.com/microsoft/fluentui/pull/35402) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.3.1 ([PR #35402](https://github.com/microsoft/fluentui/pull/35402) by beachball)
+- Bump @fluentui/react-overflow to v9.6.3 ([PR #35402](https://github.com/microsoft/fluentui/pull/35402) by beachball)
+- Bump @fluentui/react-popover to v9.12.10 ([PR #35402](https://github.com/microsoft/fluentui/pull/35402) by beachball)
+- Bump @fluentui/react-tabster to v9.26.8 ([PR #35402](https://github.com/microsoft/fluentui/pull/35402) by beachball)
+- Bump @fluentui/react-tooltip to v9.8.9 ([PR #35402](https://github.com/microsoft/fluentui/pull/35402) by beachball)
+- Bump @fluentui/react-utilities to v9.25.2 ([PR #35402](https://github.com/microsoft/fluentui/pull/35402) by beachball)
+
+## [9.3.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-charts_v9.3.3)
+
+Tue, 21 Oct 2025 14:16:55 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charts_v9.3.2..@fluentui/react-charts_v9.3.3)
+
+### Patches
+
+- fix: callout not appearing on scatter chart ([PR #35310](https://github.com/microsoft/fluentui/pull/35310) by kumarkshitij@microsoft.com)
+- fix place value formatting bug in donut chart ([PR #35315](https://github.com/microsoft/fluentui/pull/35315) by anushgupta@microsoft.com)
+- add missing code in v9 ([PR #35318](https://github.com/microsoft/fluentui/pull/35318) by anushgupta@microsoft.com)
+- fix: resolve data points based on axis type + replace invalid values with 0 for valid coordinates ([PR #35323](https://github.com/microsoft/fluentui/pull/35323) by kumarkshitij@microsoft.com)
+- support reference lines in line chart and VBC ([PR #35330](https://github.com/microsoft/fluentui/pull/35330) by anushgupta@microsoft.com)
+- fix legend shape bug ([PR #35335](https://github.com/microsoft/fluentui/pull/35335) by anushgupta@microsoft.com)
+- feat: add support for lines in GVBC ([PR #35321](https://github.com/microsoft/fluentui/pull/35321) by kumarkshitij@microsoft.com)
+- fix donut colors and segment orders ([PR #35316](https://github.com/microsoft/fluentui/pull/35316) by anushgupta@microsoft.com)
+- add fill for scatter polar chart ([PR #35317](https://github.com/microsoft/fluentui/pull/35317) by anushgupta@microsoft.com)
+- fix(react-charts): Show markers only when mode has markers for large data ([PR #35311](https://github.com/microsoft/fluentui/pull/35311) by 120183316+srmukher@users.noreply.github.com)
+- fix popover positioning issue ([PR #35289](https://github.com/microsoft/fluentui/pull/35289) by anushgupta@microsoft.com)
+- fix chart exception issue ([PR #35342](https://github.com/microsoft/fluentui/pull/35342) by anushgupta@microsoft.com)
+- Bump @fluentui/react-button to v9.6.9 ([PR #35343](https://github.com/microsoft/fluentui/pull/35343) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.3.0 ([PR #35343](https://github.com/microsoft/fluentui/pull/35343) by beachball)
+- Bump @fluentui/react-overflow to v9.6.2 ([PR #35343](https://github.com/microsoft/fluentui/pull/35343) by beachball)
+- Bump @fluentui/react-popover to v9.12.9 ([PR #35343](https://github.com/microsoft/fluentui/pull/35343) by beachball)
+- Bump @fluentui/react-tooltip to v9.8.8 ([PR #35343](https://github.com/microsoft/fluentui/pull/35343) by beachball)
+
 ## [9.3.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-charts_v9.3.2)
 
-Wed, 08 Oct 2025 12:00:20 GMT 
+Wed, 08 Oct 2025 12:04:53 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charts_v9.3.1..@fluentui/react-charts_v9.3.2)
 
 ### Patches

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 import { CurveFactory } from 'd3-shape';
 import type { JSXElement } from '@fluentui/react-utilities';
+import { PositioningShorthand } from '@fluentui/react-positioning';
 import * as React_2 from 'react';
 import { RefObject } from 'react';
 import { SankeyGraph } from 'd3-sankey';
@@ -161,6 +162,10 @@ export declare type AxisProps = {
      *   - Exception: when `tickStep` uses `"L<f>"`, you can specify the raw value directly.
      */
     tick0?: number | Date;
+    /**
+     * Sets the text displayed at each tick position specified by `tickValues`. Used with `tickValues`.
+     */
+    tickText?: string[];
 };
 
 /**
@@ -173,6 +178,24 @@ export declare type AxisProps = {
  */
 export declare type AxisScaleType = 'default' | 'log';
 
+/**
+ * Represents a bar series.
+ */
+export declare interface BarSeries<X extends string | number | Date, Y extends string | number | Date> extends DataSeries {
+    /**
+     * Type discriminator: always 'bar' for this series.
+     */
+    type: 'bar';
+    /**
+     * Array of data points for the series.
+     */
+    data: DataPointV2<X, Y>[];
+    /**
+     * Optional group identifier for the series.
+     */
+    key?: string;
+}
+
 /**
  * {@docCategory ChartData}
  */
@@ -736,6 +759,7 @@ export declare interface ChartPopoverProps {
     ratio?: [number, number];
     isCartesian?: boolean;
     styles?: Partial<PopoverComponentStyles>;
+    positioning?: PositioningShorthand;
 }
 
 /**
@@ -927,6 +951,82 @@ export declare interface DataPoint {
     onClick?: VoidFunction;
 }
 
+/**
+ * Represents a single data point in a series.
+ */
+export declare interface DataPointV2<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?: AccessibilityProps;
+    /**
+     * 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 DataSeries {
+    /**
+     * 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;
+}
+
 export declare const DataVizPalette: {
     color1: string;
     color2: string;
@@ -1109,6 +1209,13 @@ export declare interface DonutChartProps extends CartesianChartProps {
      * @default false
      */
     roundCorners?: boolean;
+    /**
+     * Rendering order of the legend
+     * @default 'default'
+     * 'default' - as per data provided
+     * 'sorted' - in descending order of value
+     */
+    order?: 'default' | 'sorted';
 }
 
 /**
@@ -1760,6 +1867,11 @@ export declare interface GroupedVerticalBarChartProps extends CartesianChartProp
      * The prop used to enable rounded corners for the chart.
      */
     roundCorners?: boolean;
+    /**
+     * New flexible data prop - supports both bar and line series.
+     * Use `dataV2` instead of `data` when line series are included.
+     */
+    dataV2?: (BarSeries<string, number> | LineSeries<string, number>)[];
 }
 
 /**
@@ -1800,7 +1912,7 @@ export declare interface GVBarChartSeriesPoint {
     /**
      * Color for the legend in the chart
      */
-    color: string;
+    color?: string;
     /**
      * Legend text in the chart
      */
@@ -2716,6 +2828,10 @@ export declare interface LineChartDataPoint extends BaseDataPoint {
      * text labels of marker points
      */
     text?: string;
+    /**
+     * Per-point marker color (overrides series color when present)
+     */
+    markerColor?: string;
 }
 
 /**
@@ -2956,6 +3072,36 @@ export declare interface LineDataInVerticalStackedBarChart {
     lineOptions?: LineChartLineOptions;
 }
 
+/**
+ * Represents a line series.
+ */
+export declare interface LineSeries<X extends string | number | Date, Y extends string | number | Date> extends DataSeries {
+    /**
+     * Type discriminator: always 'line' for this series.
+     */
+    type: 'line';
+    /**
+     * Array of data points for the series.
+     */
+    data: DataPointV2<X, Y>[];
+    /**
+     * Optional gaps to render in the line.
+     */
+    gaps?: LineChartGap[];
+    /**
+     * Additional line rendering options (e.g., stroke width, curve type).
+     */
+    lineOptions?: LineChartLineOptions;
+    /**
+     * If true, hides dots for inactive (unfocused/unhovered) data points.
+     */
+    hideInactiveDots?: boolean;
+    /**
+     * Callback invoked when the line itself is clicked.
+     */
+    onLineClick?: () => void;
+}
+
 export declare interface MapXToDataSet {
     [key: string]: LineChartDataPoint[];
     [key: number]: LineChartDataPoint[];
@@ -3440,6 +3586,10 @@ export declare interface ScatterChartDataPoint extends BaseDataPoint {
      * text labels of marker points
      */
     text?: string;
+    /**
+     * Per-point marker color (overrides series color when present)
+     */
+    markerColor?: string;
 }
 
 /**