@fluentui/react-charting 5.24.24 → 5.24.25

package/CHANGELOG.json

@@ -2,7 +2,22 @@
   "name": "@fluentui/react-charting",
   "entries": [
     {
-      "date": "Fri, 15 Aug 2025 07:20:58 GMT",
+      "date": "Thu, 21 Aug 2025 12:14:43 GMT",
+      "tag": "@fluentui/react-charting_v5.24.25",
+      "version": "5.24.25",
+      "comments": {
+        "patch": [
+          {
+            "author": "kumarkshitij@microsoft.com",
+            "package": "@fluentui/react-charting",
+            "commit": "0983f8e39ab375d87f5124c17821a618971881c0",
+            "comment": "feat: add support for tickmode in DeclarativeChart"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 15 Aug 2025 07:21:22 GMT",
       "tag": "@fluentui/react-charting_v5.24.24",
       "version": "5.24.24",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,21 @@
 # Change Log - @fluentui/react-charting
 
-This log was last generated on Fri, 15 Aug 2025 07:20:58 GMT and should not be manually modified.
+This log was last generated on Thu, 21 Aug 2025 12:14:43 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [5.24.25](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.24.25)
+
+Thu, 21 Aug 2025 12:14:43 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charting_v5.24.24..@fluentui/react-charting_v5.24.25)
+
+### Patches
+
+- feat: add support for tickmode in DeclarativeChart ([PR #35039](https://github.com/microsoft/fluentui/pull/35039) by kumarkshitij@microsoft.com)
+
 ## [5.24.24](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.24.24)
 
-Fri, 15 Aug 2025 07:20:58 GMT 
+Fri, 15 Aug 2025 07:21:22 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charting_v5.24.23..@fluentui/react-charting_v5.24.24)
 
 ### Patches

package/dist/react-charting.d.ts

@@ -47,6 +47,44 @@ export declare const AreaChart: React_2.FunctionComponent<IAreaChartProps>;
  */
 export declare type AxisCategoryOrder = 'default' | 'data' | string[] | 'category ascending' | 'category descending' | 'total ascending' | 'total descending' | 'min ascending' | 'min descending' | 'max ascending' | 'max descending' | 'sum ascending' | 'sum descending' | 'mean ascending' | 'mean descending' | 'median ascending' | 'median descending';
 
+/**
+ * Configuration options for an axis.
+ *
+ * {@docCategory CartesianChart}
+ */
+export declare type AxisProps = {
+    /**
+     * Defines the step between tick marks on the axis.
+     * Works in combination with `tick0`.
+     * Must be a positive number.
+     *
+     * - **Log scale**:
+     *   - Ticks are placed at `10^(n * tickStep)` where `n` is the tick index.
+     *     - Example: `tickStep = 2` → ticks at 1, 100, 10,000...
+     *     - Example: `tickStep = log10(5)` → ticks at 1, 5, 25, 125...
+     *   - Special format `"L<f>"`: Creates ticks that are linearly spaced in value (not position).
+     *     - Example: `tick0 = 0.1`, `tickStep = "L0.5"` → ticks at 0.1, 0.6, 1.1, 1.6...
+     *
+     * - **Date axis**:
+     *   - Must be in milliseconds.
+     *     - Example: one day = `tickStep = 86400000`.
+     *   - Special format `"M<n>"`: Places ticks every `n` months.
+     *     - Example: `tick0 = "2000-01-15"`, `tickStep = "M3"` → ticks on the 15th every third month.
+     *     - Example: `tickStep = "M48"` → ticks every 4 years.
+     */
+    tickStep?: number | string;
+    /**
+     * Sets the reference value for axis ticks.
+     * Works in combination with `tickStep`.
+     *
+     * - **Log scale**:
+     *   - `tick0` must be given as the logarithm of the reference tick.
+     *     - Example: to align ticks with 100, use `tick0 = 2`.
+     *   - Exception: when `tickStep` uses `"L<f>"`, you can specify the raw value directly.
+     */
+    tick0?: number | Date;
+};
+
 /**
  * Available scale types for axes.
  *
@@ -714,6 +752,21 @@ export declare interface ICartesianChartProps {
      * @default 'default'
      */
     secondaryYScaleType?: AxisScaleType;
+    /**
+     * Explicit set of tick values for the y-axis.
+     * If provided, these values override automatic tick generation.
+     */
+    yAxisTickValues?: number[] | Date[] | string[];
+    /**
+     * Configuration for the x-axis.
+     * Use this to control `tickStep`, `tick0`, etc.
+     */
+    xAxis?: AxisProps;
+    /**
+     * Configuration for the y-axis.
+     * Use this to control `tickStep`, `tick0`, etc.
+     */
+    yAxis?: AxisProps;
 }
 
 /**
@@ -4980,7 +5033,7 @@ export declare interface IVSChartDataPoint {
     callOutAccessibilityData?: IAccessibilityProps;
 }
 
-declare interface IYAxisParams {
+declare interface IYAxisParams extends AxisProps {
     yMinMaxValues?: {
         startValue: number;
         endValue: number;
@@ -4998,6 +5051,7 @@ declare interface IYAxisParams {
     eventAnnotationProps?: IEventsAnnotationProps;
     eventLabelHeight?: number;
     yAxisPadding?: number;
+    tickValues?: Date[] | number[] | string[];
 }
 
 export declare interface IYValueHover {