@fluentui/react-charting 5.23.53 → 5.23.54

package/CHANGELOG.json

@@ -2,7 +2,22 @@
   "name": "@fluentui/react-charting",
   "entries": [
     {
-      "date": "Wed, 12 Feb 2025 07:20:28 GMT",
+      "date": "Thu, 13 Feb 2025 07:21:58 GMT",
+      "tag": "@fluentui/react-charting_v5.23.54",
+      "version": "5.23.54",
+      "comments": {
+        "patch": [
+          {
+            "author": "110246001+krkshitij@users.noreply.github.com",
+            "package": "@fluentui/react-charting",
+            "commit": "f9427b8df618f765dbf233c601060a7e123444d0",
+            "comment": "feat: hide overlapping x-axis tick labels"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 12 Feb 2025 07:20:51 GMT",
       "tag": "@fluentui/react-charting_v5.23.53",
       "version": "5.23.53",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,21 @@
 # Change Log - @fluentui/react-charting
 
-This log was last generated on Wed, 12 Feb 2025 07:20:28 GMT and should not be manually modified.
+This log was last generated on Thu, 13 Feb 2025 07:21:58 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [5.23.54](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.23.54)
+
+Thu, 13 Feb 2025 07:21:58 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charting_v5.23.53..@fluentui/react-charting_v5.23.54)
+
+### Patches
+
+- feat: hide overlapping x-axis tick labels ([PR #33678](https://github.com/microsoft/fluentui/pull/33678) by 110246001+krkshitij@users.noreply.github.com)
+
 ## [5.23.53](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.23.53)
 
-Wed, 12 Feb 2025 07:20:28 GMT 
+Wed, 12 Feb 2025 07:20:51 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charting_v5.23.52..@fluentui/react-charting_v5.23.53)
 
 ### Patches

package/dist/react-charting.d.ts

@@ -393,7 +393,7 @@ export declare interface ICartesianChartProps {
      * This is a optional parameter if not specified D3 will decide which values appear on the x-axis for you
      * Please look at https://github.com/d3/d3-scale for more information on how D3 decides what data to appear on the axis of chart
      */
-    tickValues?: number[] | Date[];
+    tickValues?: number[] | Date[] | string[];
     /**
      * the format for the data on x-axis. For date object this can be specified to your requirement. Eg: '%m/%d', '%d'
      * Please look at https://github.com/d3/d3-time-format for all the formats supported for date axis
@@ -572,6 +572,11 @@ export declare interface ICartesianChartProps {
      * the public methods and properties of the component.
      */
     componentRef?: IRefObject<IChart>;
+    /**
+     * Determines whether overlapping x-axis tick labels should be hidden.
+     * @default false
+     */
+    hideTickOverlap?: boolean;
 }
 
 /**
@@ -2715,7 +2720,7 @@ export declare interface IModifiedCartesianChartProps extends ICartesianChartPro
      * Tick params are applicable for date axis only.
      */
     tickParams?: {
-        tickValues?: number[] | Date[];
+        tickValues?: number[] | Date[] | string[];
         tickFormat?: string;
     };
     /**
@@ -2803,7 +2808,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[] | undefined, shiftX: number) => IDomainNRange;
+    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;
     /**
      * Create the string y-axis
      */