@fluentui/react-charting 5.24.11 → 5.24.13

package/CHANGELOG.json

@@ -2,7 +2,67 @@
   "name": "@fluentui/react-charting",
   "entries": [
     {
-      "date": "Thu, 03 Jul 2025 07:20:27 GMT",
+      "date": "Mon, 14 Jul 2025 07:20:52 GMT",
+      "tag": "@fluentui/react-charting_v5.24.13",
+      "version": "5.24.13",
+      "comments": {
+        "patch": [
+          {
+            "author": "kumarkshitij@microsoft.com",
+            "package": "@fluentui/react-charting",
+            "commit": "d90622f34a244cbd10e3df2b3e93ab4c18e40956",
+            "comment": "feat: add GanttChart"
+          },
+          {
+            "author": "98592573+AtishayMsft@users.noreply.github.com",
+            "package": "@fluentui/react-charting",
+            "commit": "1e508e5c7556c25075290b89fc7ed5ec93eeca14",
+            "comment": "fix(react-charting): Disable responsive container for funnel in Declarative Chart"
+          },
+          {
+            "author": "98592573+AtishayMsft@users.noreply.github.com",
+            "package": "@fluentui/react-charting",
+            "commit": "4f6179c28bb0043a6d6b6f9830edd5ec95f5d4a3",
+            "comment": "fix(react-charting): Remove duplicate code to reduce size"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-charting",
+            "comment": "Bump @fluentui/chart-utilities to v1.1.22",
+            "commit": "d90622f34a244cbd10e3df2b3e93ab4c18e40956"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 11 Jul 2025 07:20:30 GMT",
+      "tag": "@fluentui/react-charting_v5.24.12",
+      "version": "5.24.12",
+      "comments": {
+        "patch": [
+          {
+            "author": "120183316+srmukher@users.noreply.github.com",
+            "package": "@fluentui/react-charting",
+            "commit": "b0468a68a12b53a3866735c2b9f6b6c7a0534ebd",
+            "comment": "feat(react-charting): Support for categorical theta values for scatter polar chart"
+          },
+          {
+            "author": "98592573+AtishayMsft@users.noreply.github.com",
+            "package": "@fluentui/react-charting",
+            "commit": "50fb7640ab069b92cdaaa1a5bb036deab00ba111",
+            "comment": "fix(react-charting): Fix hover card not coming properly for large data flow"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-charting",
+            "comment": "Bump @fluentui/chart-utilities to v1.1.21",
+            "commit": "b0468a68a12b53a3866735c2b9f6b6c7a0534ebd"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Thu, 03 Jul 2025 07:21:39 GMT",
       "tag": "@fluentui/react-charting_v5.24.11",
       "version": "5.24.11",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,35 @@
 # Change Log - @fluentui/react-charting
 
-This log was last generated on Thu, 03 Jul 2025 07:20:27 GMT and should not be manually modified.
+This log was last generated on Mon, 14 Jul 2025 07:20:52 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [5.24.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.24.13)
+
+Mon, 14 Jul 2025 07:20:52 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charting_v5.24.12..@fluentui/react-charting_v5.24.13)
+
+### Patches
+
+- feat: add GanttChart ([PR #34791](https://github.com/microsoft/fluentui/pull/34791) by kumarkshitij@microsoft.com)
+- fix(react-charting): Disable responsive container for funnel in Declarative Chart ([PR #34821](https://github.com/microsoft/fluentui/pull/34821) by 98592573+AtishayMsft@users.noreply.github.com)
+- fix(react-charting): Remove duplicate code to reduce size ([PR #34809](https://github.com/microsoft/fluentui/pull/34809) by 98592573+AtishayMsft@users.noreply.github.com)
+- Bump @fluentui/chart-utilities to v1.1.22 ([PR #34791](https://github.com/microsoft/fluentui/pull/34791) by beachball)
+
+## [5.24.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.24.12)
+
+Fri, 11 Jul 2025 07:20:30 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charting_v5.24.11..@fluentui/react-charting_v5.24.12)
+
+### Patches
+
+- feat(react-charting): Support for categorical theta values for scatter polar chart ([PR #34682](https://github.com/microsoft/fluentui/pull/34682) by 120183316+srmukher@users.noreply.github.com)
+- fix(react-charting): Fix hover card not coming properly for large data flow ([PR #34816](https://github.com/microsoft/fluentui/pull/34816) by 98592573+AtishayMsft@users.noreply.github.com)
+- Bump @fluentui/chart-utilities to v1.1.21 ([PR #34682](https://github.com/microsoft/fluentui/pull/34682) by beachball)
+
 ## [5.24.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.24.11)
 
-Thu, 03 Jul 2025 07:20:27 GMT 
+Thu, 03 Jul 2025 07:21:39 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charting_v5.24.10..@fluentui/react-charting_v5.24.11)
 
 ### Patches

package/bundle-size/GanttChart.fixture.js

@@ -0,0 +1,7 @@
+import { GanttChart } from '@fluentui/react-charting';
+
+console.log(GanttChart);
+
+export default {
+  name: 'GanttChart',
+};

package/dist/react-charting.d.ts

@@ -78,7 +78,8 @@ declare enum ChartTypes {
     GroupedVerticalBarChart = 4,
     HeatMapChart = 5,
     HorizontalBarChartWithAxis = 6,
-    ScatterChart = 7
+    ScatterChart = 7,
+    GanttChart = 8
 }
 
 declare type ColorwayType = 'default' | 'builtin' | 'others' | undefined;
@@ -212,6 +213,12 @@ export declare const DonutChart: React_2.FunctionComponent<IDonutChartProps>;
  */
 export declare const FunnelChart: React_2.FunctionComponent<IFunnelChartProps>;
 
+/**
+ * GanttChart component.
+ * {@docCategory GanttChart}
+ */
+export declare const GanttChart: React_2.FunctionComponent<IGanttChartProps>;
+
 /**
  * Gaugechart component.
  * {@docCategory GaugeChart}
@@ -1437,6 +1444,124 @@ export declare interface IFunnelChartStyles {
     };
 }
 
+/**
+ * {@docCategory IChartData}
+ */
+export declare interface IGanttChartDataPoint {
+    /**
+     * Dependent value of the data point, rendered along the x-axis.
+     */
+    x: {
+        start: Date | number;
+        end: Date | number;
+    };
+    /**
+     * Independent value of the data point, rendered along the y-axis.
+     * If y is a number, then each y-coordinate is plotted at its y-coordinate.
+     * If y is a string, then the data is evenly spaced along the y-axis.
+     */
+    y: number | string;
+    /**
+     * Legend text for the datapoint in the chart
+     */
+    legend?: string;
+    /**
+     * color for the legend in the chart
+     */
+    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.
+     */
+    gradient?: [string, string];
+    /**
+     * Callout data for x axis
+     * This is an optional prop, If haven;t given legend will take
+     */
+    xAxisCalloutData?: string;
+    /**
+     * Callout data for y axis
+     * This is an optional prop, If haven't given data will take
+     */
+    yAxisCalloutData?: string;
+    /**
+     * onClick action for each datapoint in the chart
+     */
+    onClick?: VoidFunction;
+    /**
+     * Accessibility data for callout
+     */
+    callOutAccessibilityData?: IAccessibilityProps;
+}
+
+/**
+ * Gantt Chart properties
+ * {@docCategory GanttChart}
+ */
+export declare interface IGanttChartProps extends ICartesianChartProps {
+    /**
+     * Data to render in the chart.
+     */
+    data?: IGanttChartDataPoint[];
+    /**
+     * Define a custom callout renderer for a data point.
+     */
+    onRenderCalloutPerDataPoint?: IRenderFunction<IGanttChartDataPoint>;
+    /**
+     * Width of each bar in the chart.
+     */
+    barHeight?: number;
+    /**
+     * chart title for the chart
+     */
+    chartTitle?: string;
+    /**
+     * Call to provide customized styling that will layer on top of the variant rules.
+     */
+    styles?: IStyleFunctionOrObject<IGanttChartStyleProps, IGanttChartStyles>;
+    /**
+     * The prop used to define the culture to localized the numbers
+     */
+    culture?: string;
+    /**
+     * it's padding between bar's or lines in the graph
+     */
+    yAxisPadding?: number;
+    /**
+     *@default false
+     *Used for to elipse y axis labes and show tooltip on x axis labels
+     */
+    showYAxisLablesTooltip?: boolean;
+    /**
+     *@default false
+     *Used for showing complete y axis lables   */
+    showYAxisLables?: boolean;
+    /**
+     * @default false
+     * The prop used to enable gradient fill color for the chart.
+     */
+    enableGradient?: boolean;
+    /**
+     * @default false
+     * The prop used to enable rounded corners for the bars.
+     */
+    roundCorners?: boolean;
+}
+
+/**
+ * Gantt Chart style properties
+ * {@docCategory GanttChart}
+ */
+export declare interface IGanttChartStyleProps extends ICartesianChartStyleProps {
+}
+
+/**
+ * Gantt Chart styles
+ * {@docCategory GanttChart}
+ */
+export declare interface IGanttChartStyles extends ICartesianChartStyles {
+}
+
 /**
  * Gauge Chart properties
  * {@docCategory GaugeChart}
@@ -3169,7 +3294,7 @@ export declare interface IModifiedCartesianChartProps extends ICartesianChartPro
     /**
      * Get the min and max values of the y-axis
      */
-    getMinMaxOfYAxis: (points: ILineChartPoints[] | IHorizontalBarChartWithAxisDataPoint[] | IVerticalBarChartDataPoint[] | IDataPoint[] | IScatterChartDataPoint[], yAxisType: YAxisType | undefined, useSecondaryYScale?: boolean) => {
+    getMinMaxOfYAxis: (points: ILineChartPoints[] | IHorizontalBarChartWithAxisDataPoint[] | IVerticalBarChartDataPoint[] | IDataPoint[] | IScatterChartDataPoint[] | IGanttChartDataPoint[], yAxisType: YAxisType | undefined, useSecondaryYScale?: boolean) => {
         startValue: number;
         endValue: number;
     };
@@ -3180,7 +3305,7 @@ export declare interface IModifiedCartesianChartProps extends ICartesianChartPro
     /**
      * Get the domain and range values
      */
-    getDomainNRangeValues: (points: ILineChartPoints[] | IVerticalBarChartDataPoint[] | IVerticalStackedBarDataPoint[] | IHorizontalBarChartWithAxisDataPoint[] | IGroupedVerticalBarChartData[] | IHeatMapChartDataPoint[], margins: IMargins, width: number, chartType: ChartTypes, isRTL: boolean, xAxisType: XAxisTypes, barWidth: number, tickValues: Date[] | number[] | string[] | undefined, shiftX: number) => IDomainNRange;
+    getDomainNRangeValues: (points: ILineChartPoints[] | IVerticalBarChartDataPoint[] | IVerticalStackedBarDataPoint[] | IHorizontalBarChartWithAxisDataPoint[] | IGroupedVerticalBarChartData[] | IHeatMapChartDataPoint[] | IGanttChartDataPoint[], margins: IMargins, width: number, chartType: ChartTypes, isRTL: boolean, xAxisType: XAxisTypes, barWidth: number, tickValues: Date[] | number[] | string[] | undefined, shiftX: number) => IDomainNRange;
     /**
      * Create the string y-axis
      */