@fluentui/react-charting 5.19.30 → 5.19.32

package/CHANGELOG.json

@@ -2,7 +2,58 @@
   "name": "@fluentui/react-charting",
   "entries": [
     {
-      "date": "Tue, 27 Feb 2024 07:25:20 GMT",
+      "date": "Fri, 08 Mar 2024 07:26:09 GMT",
+      "tag": "@fluentui/react-charting_v5.19.32",
+      "version": "5.19.32",
+      "comments": {
+        "patch": [
+          {
+            "author": "shermanchow@microsoft.com",
+            "package": "@fluentui/react-charting",
+            "commit": "e938593214c8b9ef558ad129c34a6a49daae0cb6",
+            "comment": "Add gradient color capability to AreaChart."
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 04 Mar 2024 07:26:19 GMT",
+      "tag": "@fluentui/react-charting_v5.19.31",
+      "version": "5.19.31",
+      "comments": {
+        "patch": [
+          {
+            "author": "kumarkshitij@microsoft.com",
+            "package": "@fluentui/react-charting",
+            "commit": "5fa09dd5fd1d2a75447fa781f1b919fbc12f47c4",
+            "comment": "Fix 2:1 spacing in vertical bar charts with string x-axis"
+          },
+          {
+            "author": "srmukher@microsoft.com",
+            "package": "@fluentui/react-charting",
+            "commit": "cb7b32981d6f82f0696a8e89e3ea19dd2eee3266",
+            "comment": "Reducing monosize of charts and removing circular dependencies"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 01 Mar 2024 07:26:28 GMT",
+      "tag": "@fluentui/react-charting_v5.19.30",
+      "version": "5.19.30",
+      "comments": {
+        "none": [
+          {
+            "author": "shubhabrata08@gmail.com",
+            "package": "@fluentui/react-charting",
+            "commit": "f357c800c5f39bfe46a9081ce47f38b983dfbe7e",
+            "comment": "Add dynamic status badge for test coverage"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 27 Feb 2024 07:25:41 GMT",
       "tag": "@fluentui/react-charting_v5.19.30",
       "version": "5.19.30",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,31 @@
 # Change Log - @fluentui/react-charting
 
-This log was last generated on Tue, 27 Feb 2024 07:25:20 GMT and should not be manually modified.
+This log was last generated on Fri, 08 Mar 2024 07:26:09 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [5.19.32](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.19.32)
+
+Fri, 08 Mar 2024 07:26:09 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charting_v5.19.31..@fluentui/react-charting_v5.19.32)
+
+### Patches
+
+- Add gradient color capability to AreaChart. ([PR #30722](https://github.com/microsoft/fluentui/pull/30722) by shermanchow@microsoft.com)
+
+## [5.19.31](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.19.31)
+
+Mon, 04 Mar 2024 07:26:19 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charting_v5.19.30..@fluentui/react-charting_v5.19.31)
+
+### Patches
+
+- Fix 2:1 spacing in vertical bar charts with string x-axis ([PR #30192](https://github.com/microsoft/fluentui/pull/30192) by kumarkshitij@microsoft.com)
+- Reducing monosize of charts and removing circular dependencies ([PR #30630](https://github.com/microsoft/fluentui/pull/30630) by srmukher@microsoft.com)
+
 ## [5.19.30](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.19.30)
 
-Tue, 27 Feb 2024 07:25:20 GMT 
+Tue, 27 Feb 2024 07:25:41 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charting_v5.19.29..@fluentui/react-charting_v5.19.30)
 
 ### Patches

package/README.md

@@ -61,7 +61,7 @@ A comprehensive contributor guide is available in our internal [wiki](https://ak
 
 ## Testing
 
-![Static Badge](https://img.shields.io/badge/coverage-87%25-brightgreen)
+![Test Coverage Badge](https://img.shields.io/badge/dynamic/json?url=https%3A%2F%2Fraw.githubusercontent.com%2Fmicrosoft%2Ffluentui-charting-contrib%2Ftest-coverage-artifacts%2FubuntuCoverage.json&query=%24.statementCoverage&suffix=%25&label=coverage&color=brightgreen)
 
 The library has a wide variety of tests to ensure quality of the library.
 The tests range from component tests, unit tests, visual regression tests, accessibility tests, integration tests and manual tests.

package/dist/react-charting.d.ts

@@ -227,6 +227,11 @@ export declare interface IAreaChartProps extends ICartesianChartProps {
      */
     enablePerfOptimization?: boolean;
     optimizeLargeData?: boolean;
+    /**
+     * @default false
+     * The prop used to enable gradient fill color for the chart.
+     */
+    enableGradient?: boolean;
 }
 
 /**
@@ -1214,14 +1219,11 @@ export declare interface IGroupedVerticalBarChartProps extends ICartesianChartPr
      */
     data: IGroupedVerticalBarChartData[];
     /**
-     * Barwidth automacally adjusted based upon given parent width, data and scale.
-     * If barwidth given through prop, then is shold be less than given formula.
-     * If not, graph will adjust and your value may not be reflected.
-     * Formula: width of parent div / (Number Of Groups * (Number Of single bars in group + 2))
-     * Note: By changing barwidth manually it may cause some spatial and graph override issues,
-     * better to avoid using this prop.
+     * Width of each bar in the chart. When set to `undefined` or `'default'`, the bar width defaults to 16px.
+     * When set to `auto` (which is only applicable to string x-axis), the bar width is calculated from padding values.
+     * @default 16
      */
-    barwidth?: number;
+    barwidth?: number | 'default' | 'auto';
     /**
      * Call to provide customized styling that will layer on top of the variant rules.
      */
@@ -1271,6 +1273,24 @@ export declare interface IGroupedVerticalBarChartProps extends ICartesianChartPr
      * @default false
      */
     hideLabels?: boolean;
+    /**
+     * Maximum width of a bar, in pixels.
+     */
+    maxBarWidth?: number;
+    /**
+     * Padding between groups as a fraction of the [step](https://d3js.org/d3-scale/band#band_step).
+     * Takes a number in the range [0, 1]. Only applicable to string x-axis.
+     * Note: groupWidthInTermsOfBarWidth is calculated at runtime based on
+     * the number of bars in a group and the gap between the bars.
+     * @default 2 / (2 + groupWidthInTermsOfBarWidth)
+     */
+    xAxisInnerPadding?: number;
+    /**
+     * Padding before the first group and after the last group as a fraction of
+     * the [step](https://d3js.org/d3-scale/band#band_step). Takes a number in the range [0, 1].
+     * Only applicable to string x-axis.
+     */
+    xAxisOuterPadding?: number;
 }
 
 /**
@@ -3477,9 +3497,11 @@ export declare interface IVerticalBarChartProps extends ICartesianChartProps {
      */
     onRenderCalloutPerDataPoint?: IRenderFunction<IVerticalBarChartDataPoint>;
     /**
-     * Width of each bar in the chart.
+     * Width of each bar in the chart. When set to `undefined` or `'default'`, the bar width defaults to 16px.
+     * When set to `auto` (which is only applicable to string x-axis), the bar width is calculated from padding values.
+     * @default 16
      */
-    barWidth?: number;
+    barWidth?: number | 'default' | 'auto';
     /**
      * Colors from which to select the color of each bar.
      */
@@ -3525,6 +3547,22 @@ export declare interface IVerticalBarChartProps extends ICartesianChartProps {
      * @default false
      */
     hideLabels?: boolean;
+    /**
+     * Maximum width of a bar, in pixels.
+     */
+    maxBarWidth?: number;
+    /**
+     * Padding between bars as a fraction of the [step](https://d3js.org/d3-scale/band#band_step).
+     * Takes a number in the range [0, 1]. Only applicable to string x-axis.
+     * @default 2/3
+     */
+    xAxisInnerPadding?: number;
+    /**
+     * Padding before the first bar and after the last bar as a fraction of
+     * the [step](https://d3js.org/d3-scale/band#band_step). Takes a number in the range [0, 1].
+     * Only applicable to string x-axis.
+     */
+    xAxisOuterPadding?: number;
 }
 
 /**
@@ -3598,9 +3636,10 @@ export declare interface IVerticalStackedBarChartProps extends ICartesianChartPr
      */
     data: IVerticalStackedChartProps[];
     /**
-     * Width of each bar in the chart.
+     * Width of each bar in the chart. When set to `undefined` or `'default'`, the bar width defaults to 16px.
+     * When set to `auto` (which is only applicable to string x-axis), the bar width is calculated from padding values.
      */
-    barWidth?: number;
+    barWidth?: number | 'default' | 'auto';
     /**
      * Gap (max) between bars in a stack. When non-zero, the bars in a stack will
      * be separated by gaps. The actual size of each gap is calculated as 20% of
@@ -3681,6 +3720,22 @@ export declare interface IVerticalStackedBarChartProps extends ICartesianChartPr
      * @default false
      */
     hideLabels?: boolean;
+    /**
+     * Maximum width of a bar, in pixels.
+     */
+    maxBarWidth?: number;
+    /**
+     * Padding between bars as a fraction of the [step](https://d3js.org/d3-scale/band#band_step).
+     * Takes a number in the range [0, 1]. Only applicable to string x-axis.
+     * @default 2/3
+     */
+    xAxisInnerPadding?: number;
+    /**
+     * Padding before the first bar and after the last bar as a fraction of
+     * the [step](https://d3js.org/d3-scale/band#band_step). Takes a number in the range [0, 1].
+     * Only applicable to string x-axis.
+     */
+    xAxisOuterPadding?: number;
 }
 
 /**