@fluentui/react-charting 5.24.1 → 5.24.3

package/src/components/CommonComponents/CartesianChart.types.ts

@@ -159,10 +159,15 @@ export interface ICartesianChartStyles {
   tooltip?: IStyle;
 
   /**
-   * styles for tooltip
+   * styles for axis title
    */
   axisTitle?: IStyle;
 
+  /**
+   * styles for axis annotation
+   */
+  axisAnnotation?: IStyle;
+
   /**
    * Style for the chart Title.
    */
@@ -182,6 +187,11 @@ export interface ICartesianChartStyles {
    * Styles for the chart wrapper div
    */
   chartWrapper?: IStyle;
+
+  /**
+   * Styles for the svg tooltip
+   */
+  svgTooltip?: IStyle;
 }
 
 /**
@@ -469,6 +479,20 @@ export interface ICartesianChartProps {
    * @default false
    */
   hideTickOverlap?: boolean;
+
+  /**
+   * Prop to set the x axis annotation. Used to display additional information on the x-axis.
+   * This is shown on the top of the chart.
+   * @default undefined
+   */
+  xAxisAnnotation?: string;
+
+  /**
+   * Prop to set the y axis annotation. Used to display additional information on the y-axis.
+   * This is shown on the right side of the chart. Not shown if secondary y-axis is enabled.
+   * @default undefined
+   */
+  yAxisAnnotation?: string;
 }
 
 export interface IYValueHover {

package/src/components/LineChart/LineChart.types.ts

@@ -14,6 +14,7 @@ import {
   ICartesianChartStyles,
   IChildProps,
 } from '../CommonComponents/index';
+import { IStyle } from '@fluentui/react/lib/Styling';
 
 export type { IChildProps, ILineChartPoints, IMargins, IBasestate, IRefArrayData };
 
@@ -111,7 +112,9 @@ export interface IEventsAnnotationProps {
  * Line Chart styles
  * {@docCategory LineChart}
  */
-export interface ILineChartStyles extends ICartesianChartStyles {}
+export interface ILineChartStyles extends ICartesianChartStyles {
+  markerLabel?: IStyle;
+}
 
 /**
  * Line Chart style properties

package/src/components/ScatterChart/ScatterChart.types.ts

@@ -0,0 +1,61 @@
+/* eslint-disable @typescript-eslint/naming-convention */
+import { IRenderFunction } from '@fluentui/react/lib/Utilities';
+import {
+  IChartProps,
+  ILineChartPoints,
+  IMargins,
+  IBasestate,
+  IRefArrayData,
+  ICustomizedCalloutData,
+} from '../../types/index';
+import {
+  ICartesianChartProps,
+  ICartesianChartStyleProps,
+  ICartesianChartStyles,
+  IChildProps,
+} from '../CommonComponents/index';
+
+export type { IChildProps, ILineChartPoints, IMargins, IBasestate, IRefArrayData };
+
+/**
+ * Line Chart properties
+ * {@docCategory LineChart}
+ */
+export interface IScatterChartProps extends ICartesianChartProps {
+  /**
+   * Data to render in the chart.
+   */
+  data: IChartProps;
+
+  /**
+   * Call to provide customized styling that will layer on top of the variant rules.
+   */
+  styles?: IScatterChartStyles;
+
+  /**
+   * Define a custom callout renderer for a data point
+   */
+  onRenderCalloutPerDataPoint?: IRenderFunction<ICustomizedCalloutData>;
+
+  /**
+   * Callback for getting callout description message
+   */
+  getCalloutDescriptionMessage?: (calloutDataProps: ICustomizedCalloutData) => string | undefined;
+
+  /**
+   * The prop used to define the culture to localized the numbers
+   */
+  culture?: string;
+}
+
+/**
+ * Scatter Chart styles
+ * {@docCategory ScatterChart}
+ */
+export interface IScatterChartStyles extends ICartesianChartStyles {}
+
+/**
+ * Scatter Chart style properties
+ * {@docCategory ScatterChart}
+ */
+export interface IScatterChartStyleProps extends ICartesianChartStyleProps {}