@fluentui/react-charting 5.18.8 → 5.18.9

package/dist/react-charting.d.ts

@@ -24,6 +24,10 @@ import { SVGProps } from 'react';
  */
 export declare const AreaChart: React_2.FunctionComponent<IAreaChartProps>;
 
+/**
+ * Cartesian Chart component
+ * {@docCategory CartesianChart}
+ */
 export declare const CartesianChart: React_2.FunctionComponent<IModifiedCartesianChartProps>;
 
 /**
@@ -31,6 +35,7 @@ export declare const CartesianChart: React_2.FunctionComponent<IModifiedCartesia
  * default: show the datapoint.x value
  * fraction: show the fraction of datapoint.x/datapoint.y
  * percentage: show the percentage of (datapoint.x/datapoint.y)%
+ * {@docCategory HorizontalBarChart}
  */
 export declare type ChartDataMode = 'default' | 'fraction' | 'percentage';
 
@@ -112,6 +117,9 @@ export declare const DonutChart: React_2.FunctionComponent<IDonutChartProps>;
  */
 export declare const GaugeChart: React_2.FunctionComponent<IGaugeChartProps>;
 
+/**
+ * {@docCategory GaugeChart}
+ */
 export declare enum GaugeValueFormat {
     Percentage = "percentage",
     Fraction = "fraction"
@@ -141,6 +149,9 @@ export declare const HeatMapChart: React_2.FunctionComponent<IHeatMapChartProps>
  */
 export declare const HorizontalBarChart: React_2.FunctionComponent<IHorizontalBarChartProps>;
 
+/**
+ * {@docCategory HorizontalBarChart}
+ */
 export declare enum HorizontalBarChartVariant {
     PartToWhole = "part-to-whole",
     AbsoluteScale = "absolute-scale"
@@ -152,6 +163,9 @@ export declare enum HorizontalBarChartVariant {
  */
 export declare const HorizontalBarChartWithAxis: React_2.FunctionComponent<IHorizontalBarChartWithAxisProps>;
 
+/**
+ * {@docCategory IChartProps}
+ */
 export declare interface IAccessibilityProps {
     /**
      * Accessibility aria-label
@@ -168,7 +182,7 @@ export declare interface IAccessibilityProps {
 }
 
 /**
- * IAreaChartProps properties for area chart.
+ * Area Chart properties.
  * {@docCategory AreaChart}
  */
 export declare interface IAreaChartProps extends ICartesianChartProps {
@@ -206,9 +220,17 @@ export declare interface IAreaChartProps extends ICartesianChartProps {
     optimizeLargeData?: boolean;
 }
 
+/**
+ * Area Chart style properties
+ * {@docCategory AreaChart}
+ */
 export declare interface IAreaChartStyleProps extends ICartesianChartStyleProps {
 }
 
+/**
+ * Area Chart styles
+ * {@docCategory AreaChart}
+ */
 export declare interface IAreaChartStyles extends ICartesianChartStyles {
 }
 
@@ -238,6 +260,10 @@ export declare interface IBasestate {
     containerHeight?: number;
 }
 
+/**
+ * Cartesian Chart properties
+ * {@docCategory CartesianChart}
+ */
 export declare interface ICartesianChartProps {
     /**
      * Below height used for resizing of the chart
@@ -443,6 +469,10 @@ export declare interface ICartesianChartProps {
     secondaryYAxistitle?: string;
 }
 
+/**
+ * Cartesian Chart style properties
+ * {@docCategory CartesianChart}
+ */
 export declare interface ICartesianChartStyleProps {
     /**
      * Theme (provided through customization.)
@@ -486,6 +516,10 @@ export declare interface ICartesianChartStyleProps {
     toDrawShape?: boolean;
 }
 
+/**
+ * Cartesian Chart styles
+ * {@docCategory CartesianChart}
+ */
 export declare interface ICartesianChartStyles {
     /**
      *  Style for the root element.
@@ -565,6 +599,9 @@ export declare interface ICartesianChartStyles {
     chartWrapper?: IStyle;
 }
 
+/**
+ * {@docCategory IChartData}
+ */
 export declare interface IChartDataPoint {
     /**
      * Legend text for the datapoint in the chart
@@ -713,6 +750,9 @@ export declare interface IChartHoverCardStyles {
     descriptionMessage?: IStyle_2;
 }
 
+/**
+ * {@docCategory IChartProps}
+ */
 export declare interface IChartProps {
     /**
      * chart title for the chart
@@ -756,11 +796,17 @@ export declare interface IChildProps {
     containerWidth?: number;
 }
 
+/**
+ * {@docCategory LineChart}
+ */
 export declare interface IColorFillBarData {
     startX: number | Date;
     endX: number | Date;
 }
 
+/**
+ * {@docCategory LineChart}
+ */
 export declare interface IColorFillBarsProps {
     legend: string;
     color: string;
@@ -772,12 +818,16 @@ export declare interface IColorFillBarsProps {
 /**
  * Used for custom callout data interface. As Area chart callout data will be prepared from given props.data,
  * Those required data passing to onRenderCalloutPerDataPoint and onRenderCalloutPerStack.
+ * {@docCategory IChartData}
  */
 export declare interface ICustomizedCalloutData {
     x: number | string | Date;
     values: ICustomizedCalloutDataPoint[];
 }
 
+/**
+ * {@docCategory IChartData}
+ */
 export declare interface ICustomizedCalloutDataPoint {
     legend: string;
     y: number;
@@ -788,6 +838,9 @@ export declare interface ICustomizedCalloutDataPoint {
     };
 }
 
+/**
+ * {@docCategory IChartData}
+ */
 export declare interface IDataPoint {
     /**
      * Independent value of the data point, rendered along the x-axis.
@@ -809,7 +862,7 @@ export declare interface IDonutChart {
 }
 
 /**
- * IDonutChartProps for Donutchart component.
+ * Donut Chart properties.
  * {@docCategory DonutChart}
  */
 export declare interface IDonutChartProps extends ICartesianChartProps {
@@ -853,9 +906,17 @@ export declare interface IDonutChartProps extends ICartesianChartProps {
     hideLabels?: boolean;
 }
 
+/**
+ * Donut Chart style properties
+ * {@docCategory DonutChart}
+ */
 export declare interface IDonutChartStyleProps extends ICartesianChartStyleProps {
 }
 
+/**
+ * Donut Chart styles
+ * {@docCategory DonutChart}
+ */
 export declare interface IDonutChartStyles {
     /**
      *  Style for the root element.
@@ -877,6 +938,9 @@ declare interface IEventAnnotation {
     onRenderCard?: () => React_2.ReactNode;
 }
 
+/**
+ * {@docCategory LineChart}
+ */
 export declare interface IEventsAnnotationProps {
     events: IEventAnnotation[];
     strokeColor?: string;
@@ -887,7 +951,7 @@ export declare interface IEventsAnnotationProps {
 }
 
 /**
- * IGaugeChartProps for Gaugechart component.
+ * Gauge Chart properties
  * {@docCategory GaugeChart}
  */
 export declare interface IGaugeChartProps {
@@ -968,7 +1032,7 @@ export declare interface IGaugeChartProps {
 }
 
 /**
- * IGaugeChartSegment interface for Gaugechart.
+ * Gauge Chart segment interface.
  * {@docCategory GaugeChart}
  */
 export declare interface IGaugeChartSegment {
@@ -990,6 +1054,10 @@ export declare interface IGaugeChartSegment {
     accessibilityData?: IAccessibilityProps;
 }
 
+/**
+ * Gauge Chart style properties
+ * {@docCategory GaugeChart}
+ */
 export declare interface IGaugeChartStyleProps {
     /**
      * Theme (provided through customization)
@@ -1021,6 +1089,10 @@ export declare interface IGaugeChartStyleProps {
     toDrawShape?: boolean;
 }
 
+/**
+ * Gauge Chart styles
+ * {@docCategory GaugeChart}
+ */
 export declare interface IGaugeChartStyles {
     /**
      * Styles for the root element
@@ -1096,6 +1168,9 @@ export declare interface IGaugeChartStyles {
     shapeStyles?: IStyle;
 }
 
+/**
+ * {@docCategory IChartData}
+ */
 export declare interface IGroupedVerticalBarChartData {
     /**
      * Data for X axis label
@@ -1112,7 +1187,7 @@ export declare interface IGroupedVerticalBarChartData {
 }
 
 /**
- * IGroupedVerticalBarChartProps for GroupedVerticalBarchart component.
+ * Grouped Vertical Bar Chart properties
  * {@docCategory GroupedVerticalBarChart}
  */
 export declare interface IGroupedVerticalBarChartProps extends ICartesianChartProps {
@@ -1184,9 +1259,17 @@ export declare interface IGroupedVerticalBarChartProps extends ICartesianChartPr
     hideLabels?: boolean;
 }
 
+/**
+ * Grouped Vertical Bar Chart style properties
+ * {@docCategory GroupedVerticalBarChart}
+ */
 export declare interface IGroupedVerticalBarChartStyleProps extends ICartesianChartStyleProps {
 }
 
+/**
+ * Grouped Vertical Bar Chart styles
+ * {@docCategory GroupedVerticalBarChart}
+ */
 export declare interface IGroupedVerticalBarChartStyles extends ICartesianChartStyles {
     /**
      * Style to change the opacity of bars in dataviz when we hover on a single bar or legends
@@ -1198,6 +1281,9 @@ export declare interface IGroupedVerticalBarChartStyles extends ICartesianChartS
     barLabel: IStyle;
 }
 
+/**
+ * {@docCategory IChartData}
+ */
 export declare interface IGVBarChartSeriesPoint {
     /**
      * Text for // need to check use of this
@@ -1259,6 +1345,9 @@ export declare interface IGVSingleDataPoint {
     [key: string]: IGVDataPoint;
 }
 
+/**
+ * {@docCategory IChartData}
+ */
 export declare interface IHeatMapChartData {
     /**
      * name of the legend
@@ -1271,6 +1360,9 @@ export declare interface IHeatMapChartData {
     value: number;
 }
 
+/**
+ * {@docCategory IChartData}
+ */
 export declare interface IHeatMapChartDataPoint {
     x: string | Date | number;
     y: string | Date | number;
@@ -1298,7 +1390,7 @@ export declare interface IHeatMapChartDataPoint {
 }
 
 /**
- * IHeatMapChartProps for HeatMapchart component.
+ * Heat Map Chart properties
  * {@docCategory HeatMapChart}
  */
 export declare interface IHeatMapChartProps extends Pick<ICartesianChartProps, Exclude<keyof ICartesianChartProps, 'styles'>> {
@@ -1396,9 +1488,17 @@ export declare interface IHeatMapChartProps extends Pick<ICartesianChartProps, E
     culture?: string;
 }
 
+/**
+ * Heat Map Chart style properties
+ * {@docCategory HeatMapChart}
+ */
 export declare interface IHeatMapChartStyleProps extends ICartesianChartStyleProps {
 }
 
+/**
+ * Heat Map Chart styles
+ * {@docCategory HeatMapChart}
+ */
 export declare interface IHeatMapChartStyles {
     root?: IStyle;
     text?: IStyle;
@@ -1409,7 +1509,7 @@ export declare interface IHeatMapChartStyles {
 }
 
 /**
- * IHorizontalBarChartProps for HorizontalBarchart component.
+ * Horizontal Bar Chart properties
  * {@docCategory HorizontalBarChart}
  */
 export declare interface IHorizontalBarChartProps {
@@ -1485,6 +1585,10 @@ export declare interface IHorizontalBarChartProps {
     hideLabels?: boolean;
 }
 
+/**
+ * Horizontal Bar Chart style properties
+ * {@docCategory HorizontalBarChart}
+ */
 export declare interface IHorizontalBarChartStyleProps {
     /**
      * Theme (provided through customization.)
@@ -1521,6 +1625,10 @@ export declare interface IHorizontalBarChartStyleProps {
     hideLabels?: boolean;
 }
 
+/**
+ * Horizontal Bar Chart styles
+ * {@docCategory HorizontalBarChart}
+ */
 export declare interface IHorizontalBarChartStyles {
     /**
      * Styling for the root container
@@ -1572,6 +1680,9 @@ export declare interface IHorizontalBarChartStyles {
     chartWrapper: IStyle;
 }
 
+/**
+ * {@docCategory IChartData}
+ */
 export declare interface IHorizontalBarChartWithAxisDataPoint {
     /**
      * Dependent value of the data point, rendered along the x-axis.
@@ -1612,7 +1723,7 @@ export declare interface IHorizontalBarChartWithAxisDataPoint {
 }
 
 /**
- * IHorizontalBarChartWithAxisProps for HorizontalBarchartWithAxis component.
+ * Horizontal Bar Chart with Axis properties
  * {@docCategory HorizontalBarChartWithAxis}
  */
 export declare interface IHorizontalBarChartWithAxisProps extends ICartesianChartProps {
@@ -1666,6 +1777,10 @@ export declare interface IHorizontalBarChartWithAxisProps extends ICartesianChar
     showYAxisLables?: boolean;
 }
 
+/**
+ * Horizontal Bar Chart with Axis style properties
+ * {@docCategory HorizontalBarChartWithAxis}
+ */
 export declare interface IHorizontalBarChartWithAxisStyleProps extends ICartesianChartStyleProps {
     /**
      * color of the datapoint legend
@@ -1673,6 +1788,10 @@ export declare interface IHorizontalBarChartWithAxisStyleProps extends ICartesia
     legendColor?: string;
 }
 
+/**
+ * Horizontal Bar Chart with Axis styles
+ * {@docCategory HorizontalBarChartWithAxis}
+ */
 export declare interface IHorizontalBarChartWithAxisStyles extends ICartesianChartStyles {
     /**
      * Style for the chart label.
@@ -1715,6 +1834,9 @@ export declare interface IHorizontalBarChartWithAxisStyles extends ICartesianCha
     opacityChangeOnHover: IStyle;
 }
 
+/**
+ * {@docCategory IChartData}
+ */
 export declare interface IHorizontalDataPoint {
     /**
      * Independent value of the data point, rendered along the x-axis.
@@ -1730,7 +1852,7 @@ export declare interface IHorizontalDataPoint {
 
 /**
  * @public
- * ILegendsStyles interface.
+ * ILegend interface
  * {@docCategory Legends}
  */
 export declare interface ILegend {
@@ -1784,16 +1906,16 @@ export declare interface ILegendDataItem {
     legendColor: string;
 }
 
-/**
- * @public
- * ILegendOverflowData interface.
- * {@docCategory Legends}
- */
 export declare interface ILegendOverflowData {
     primary: ILegend[];
     overflow?: ILegend[];
 }
 
+/**
+ * @public
+ * Legend properties
+ * {@docCategory Legends}
+ */
 export declare interface ILegendsProps {
     /**
      * Prop that takes list of legends
@@ -1855,7 +1977,7 @@ export declare interface ILegendsProps {
 
 /**
  * @public
- * ILegendsStyles interface.
+ * Legends styles
  * {@docCategory Legends}
  */
 export declare interface ILegendsStyles {
@@ -1901,6 +2023,11 @@ export declare interface ILegendsStyles {
     subComponentStyles: ILegendSubComponentStyles;
 }
 
+/**
+ * @public
+ * Legend style properties
+ * {@docCategory Legends}
+ */
 export declare interface ILegendStyleProps {
     theme?: ITheme;
     className?: string;
@@ -1914,13 +2041,15 @@ export declare interface ILegendStyleProps {
 
 /**
  * @public
- * ILegendSubComponentStyles interface.
  * {@docCategory Legends}
  */
 export declare interface ILegendSubComponentStyles {
     hoverCardStyles: IStyleFunctionOrObject<IHoverCardStyleProps, IHoverCardStyles>;
 }
 
+/**
+ * {@docCategory IChartData}
+ */
 export declare interface ILineChartDataPoint {
     /**
      * Independent value of the data point, rendered along the x-axis.
@@ -1960,6 +2089,9 @@ export declare interface ILineChartDataPoint {
     xAxisCalloutAccessibilityData?: IAccessibilityProps;
 }
 
+/**
+ * {@docCategory IChartData}
+ */
 export declare interface ILineChartGap {
     /**
      * Starting index of the gap.
@@ -1971,6 +2103,9 @@ export declare interface ILineChartGap {
     endIndex: number;
 }
 
+/**
+ * {@docCategory IChartProps}
+ */
 export declare interface ILineChartLineOptions extends SVGProps<SVGPathElement> {
     /**
      * Width of the line/stroke.
@@ -2004,6 +2139,9 @@ export declare interface ILineChartLineOptions extends SVGProps<SVGPathElement>
     lineBorderColor?: string;
 }
 
+/**
+ * {@docCategory IChartData}
+ */
 export declare interface ILineChartPoints {
     /**
      * Legend text for the datapoint in the chart
@@ -2049,7 +2187,7 @@ export declare interface ILineChartPoints {
 }
 
 /**
- * ILineChartProps properties for line chart.
+ * Line Chart properties
  * {@docCategory LineChart}
  */
 export declare interface ILineChartProps extends ICartesianChartProps {
@@ -2102,12 +2240,23 @@ export declare interface ILineChartProps extends ICartesianChartProps {
     enablePerfOptimization?: boolean;
 }
 
+/**
+ * Line Chart style properties
+ * {@docCategory LineChart}
+ */
 export declare interface ILineChartStyleProps extends ICartesianChartStyleProps {
 }
 
+/**
+ * Line Chart styles
+ * {@docCategory LineChart}
+ */
 export declare interface ILineChartStyles extends ICartesianChartStyles {
 }
 
+/**
+ * {@docCategory IChartData}
+ */
 export declare interface ILineDataInVerticalBarChart {
     y: IVerticalBarChartDataPoint['y'];
     yAxisCalloutData?: string | undefined;
@@ -2122,6 +2271,9 @@ export declare interface ILineDataInVerticalBarChart {
     useSecondaryYScale?: boolean;
 }
 
+/**
+ * {@docCategory IChartData}
+ */
 export declare interface ILineDataInVerticalStackedBarChart {
     y: number;
     color: string;
@@ -2138,6 +2290,9 @@ export declare interface ILineDataInVerticalStackedBarChart {
     useSecondaryYScale?: boolean;
 }
 
+/**
+ * {@docCategory IChartProps}
+ */
 export declare interface IMargins {
     /**
      * left margin for the chart.
@@ -2295,7 +2450,7 @@ export declare interface IModifiedCartesianChartProps extends ICartesianChartPro
 }
 
 /**
- * IMultiStackedBarChartProps for MultiStackedBarchart component.
+ * Multi Stacked Bar Chart properties
  * {@docCategory MultiStackedBarChart}
  */
 export declare interface IMultiStackedBarChartProps {
@@ -2390,6 +2545,10 @@ export declare interface IMultiStackedBarChartProps {
     hideLabels?: boolean;
 }
 
+/**
+ * Multi Stacked Bar Chart style properties
+ * {@docCategory MultiStackedBarChart}
+ */
 export declare interface IMultiStackedBarChartStyleProps {
     /**
      * Theme (provided through customization.)
@@ -2429,6 +2588,10 @@ export declare interface IMultiStackedBarChartStyleProps {
     hideLabels?: boolean;
 }
 
+/**
+ * Multi Stacked Bar Chart styles
+ * {@docCategory MultiStackedBarChart}
+ */
 export declare interface IMultiStackedBarChartStyles {
     /**
      * Styling for the root container
@@ -2492,7 +2655,7 @@ export declare interface IPieChart {
 }
 
 /**
- * IPieChartProps for Piechart component.
+ * Pie Chart properties
  * {@docCategory PieChart}
  */
 export declare interface IPieChartProps {
@@ -2538,8 +2701,16 @@ export declare interface IPieChartProps {
     culture?: string;
 }
 
+/**
+ * Pie Chart style properties
+ * {@docCategory PieChart}
+ */
 export declare type IPieChartStyleProps = Required<Pick<IPieChartProps, 'theme' | 'width' | 'height'>> & Pick<IPieChartProps, 'className'>;
 
+/**
+ * Pie Chart styles
+ * {@docCategory PieChart}
+ */
 export declare interface IPieChartStyles {
     /**
      *  Style for the root element.
@@ -2560,13 +2731,16 @@ export declare interface IRefArrayData {
     refElement?: SVGGElement;
 }
 
+/**
+ * {@docCategory IChartData}
+ */
 export declare interface ISankeyChartData {
     nodes: SNode[];
     links: SLink[];
 }
 
 /**
- * ISankeyChartProps for Sankeychart component.
+ * Sankey Chart properties
  * {@docCategory SankeyChart}
  */
 export declare interface ISankeyChartProps {
@@ -2616,6 +2790,10 @@ export declare interface ISankeyChartProps {
     borderColorsForNodes?: string[];
 }
 
+/**
+ * Sankey Chart style properties
+ * {@docCategory SankeyChart}
+ */
 export declare interface ISankeyChartStyleProps {
     theme: ITheme;
     className?: string;
@@ -2624,6 +2802,10 @@ export declare interface ISankeyChartStyleProps {
     pathColor?: string;
 }
 
+/**
+ * Sankey Chart styles
+ * {@docCategory SankeyChart}
+ */
 export declare interface ISankeyChartStyles {
     /**
      *  Style for the root element.
@@ -2675,8 +2857,8 @@ declare interface ISNodeExtra {
 }
 
 /**
- * ISparklineProps for Sparkline component.
- * {@docCategory Sparkline}
+ * Sparkline properties
+ * {@docCategory SparklineChart}
  */
 export declare interface ISparklineProps {
     /**
@@ -2723,6 +2905,10 @@ export declare interface ISparklineProps {
 export declare interface ISparklineStyleProps extends ICartesianChartStyleProps {
 }
 
+/**
+ * Sparkline styles
+ * {@docCategory SparklineChart}
+ */
 export declare interface ISparklineStyles {
     inlineBlock?: IStyle;
     valueText?: IStyle;
@@ -2732,7 +2918,7 @@ export declare interface IStackedBarChart {
 }
 
 /**
- * IStackedBarChartProps for StackedBarchart component.
+ * Stacked Bar Chart properties
  * {@docCategory StackedBarChart}
  */
 export declare interface IStackedBarChartProps {
@@ -2837,6 +3023,10 @@ export declare interface IStackedBarChartProps {
     culture?: string;
 }
 
+/**
+ * Stacked Bar Chart style properties
+ * {@docCategory StackedBarChart}
+ */
 export declare interface IStackedBarChartStyleProps {
     /**
      * Theme (provided through customization.)
@@ -2892,6 +3082,10 @@ export declare interface IStackedBarChartStyleProps {
     showTriangle?: boolean;
 }
 
+/**
+ * Stacked Bar Chart styles
+ * {@docCategory StackedBarChart}
+ */
 export declare interface IStackedBarChartStyles {
     /**
      *  Style for the root element.
@@ -2951,7 +3145,6 @@ declare interface ITextboxProps {
 }
 
 /**
- * ITreeChartDataPoint interface for Treechart component.
  * {@docCategory TreeChart}
  */
 export declare interface ITreeChartDataPoint {
@@ -3024,6 +3217,10 @@ export declare interface ITreeDataStructure {
     parentID: number;
 }
 
+/**
+ * Tree Chart properties
+ * {@docCategory TreeChart}
+ */
 export declare interface ITreeProps {
     /**
      * An object of chart data points for the Tree chart
@@ -3090,6 +3287,10 @@ export declare interface ITreeState {
     _layoutWidth?: number;
 }
 
+/**
+ * Tree Chart style properties
+ * {@docCategory TreeChart}
+ */
 export declare interface ITreeStyleProps {
     /**
      * Theme (provided through customization.)
@@ -3101,6 +3302,10 @@ export declare interface ITreeStyleProps {
     className?: string;
 }
 
+/**
+ * Tree Chart styles
+ * {@docCategory TreeChart}
+ */
 export declare interface ITreeStyles {
     /**
      *  Style for the root element.
@@ -3132,6 +3337,9 @@ export declare interface ITreeStyles {
     rectMetricText: IStyle;
 }
 
+/**
+ * {@docCategory IChartData}
+ */
 export declare interface IVerticalBarChartDataPoint {
     /**
      * Independent value of the data point, rendered along the x-axis.
@@ -3176,7 +3384,7 @@ export declare interface IVerticalBarChartDataPoint {
 }
 
 /**
- * IVerticalBarChartProps for VerticalBarchart component.
+ * Vertical Bar Chart properties
  * {@docCategory VerticalBarChart}
  */
 export declare interface IVerticalBarChartProps extends ICartesianChartProps {
@@ -3239,6 +3447,10 @@ export declare interface IVerticalBarChartProps extends ICartesianChartProps {
     hideLabels?: boolean;
 }
 
+/**
+ * Vertical Bar Chart style properties
+ * {@docCategory VerticalBarChart}
+ */
 export declare interface IVerticalBarChartStyleProps extends ICartesianChartStyleProps {
     /**
      * color of the datapoint legend
@@ -3246,6 +3458,10 @@ export declare interface IVerticalBarChartStyleProps extends ICartesianChartStyl
     legendColor?: string;
 }
 
+/**
+ * Vertical Bar Chart styles
+ * {@docCategory VerticalBarChart}
+ */
 export declare interface IVerticalBarChartStyles extends ICartesianChartStyles {
     /**
      * Style for the chart label.
@@ -3293,7 +3509,7 @@ export declare interface IVerticalBarChartStyles extends ICartesianChartStyles {
 }
 
 /**
- * IVerticalStackedBarChartProps for VerticalStackedBarchart component.
+ * Vertical Stacked Bar Chart properties
  * {@docCategory VerticalStackedBarChart}
  */
 export declare interface IVerticalStackedBarChartProps extends ICartesianChartProps {
@@ -3387,9 +3603,17 @@ export declare interface IVerticalStackedBarChartProps extends ICartesianChartPr
     hideLabels?: boolean;
 }
 
+/**
+ * Vertical Stacked Bar Chart style properties
+ * {@docCategory VerticalStackedBarChart}
+ */
 export declare interface IVerticalStackedBarChartStyleProps extends ICartesianChartStyleProps {
 }
 
+/**
+ * Vertical Stacked Bar Chart styles
+ * {@docCategory VerticalStackedBarChart}
+ */
 export declare interface IVerticalStackedBarChartStyles extends ICartesianChartStyles {
     /**
      * Style to change the opacity of bars in dataviz when we hover on a single bar or legends
@@ -3436,6 +3660,9 @@ export declare interface IVerticalStackedBarChartStyles extends ICartesianChartS
     yAxisText?: IStyle;
 }
 
+/**
+ * {@docCategory IChartProps}
+ */
 export declare interface IVerticalStackedChartProps {
     /**
      * data for the points in the chart
@@ -3460,6 +3687,9 @@ export declare interface IVerticalStackedChartProps {
     stackCallOutAccessibilityData?: IAccessibilityProps;
 }
 
+/**
+ * {@docCategory IChartData}
+ */
 export declare interface IVSChartDataPoint {
     /**
      * data the datapoint in the chart
@@ -3503,35 +3733,43 @@ export declare interface IYValueHover {
 }
 
 /**
- * Legends component.
+ * Legends component
  * {@docCategory Legends}
  */
 export declare const Legends: React_2.FunctionComponent<ILegendsProps>;
 
 /**
+ * @public
  * The shape for the legend
  * default: show the rect legend
  * triangle: show the triangle legend
+ * {@docCategory Legends}
  */
 export declare type LegendShape = 'default' | 'triangle' | keyof typeof Points | keyof typeof CustomPoints;
 
 /**
- * Linechart component.
+ * Linechart component
  * {@docCategory LineChart}
  */
 export declare const LineChart: React_2.FunctionComponent<ILineChartProps>;
 
 /**
- * MultiStackedBarchart component.
+ * MultiStackedBarchart component
  * {@docCategory MultiStackedBarChart}
  */
 export declare const MultiStackedBarChart: React_2.FunctionComponent<IMultiStackedBarChartProps>;
 
+/**
+ * {@docCategory MultiStackedBarChart}
+ */
 export declare enum MultiStackedBarChartVariant {
     PartToWhole = "part-to-whole",
     AbsoluteScale = "absolute-scale"
 }
 
+/**
+ * {@docCategory TreeChart}
+ */
 export declare enum NodesComposition {
     /**
      * NodeComposition enum val for long: number = 1
@@ -3544,7 +3782,7 @@ export declare enum NodesComposition {
 }
 
 /**
- * Piechart component.
+ * Piechart component
  * {@docCategory PieChart}
  */
 export declare const PieChart: React_2.FunctionComponent<IPieChartProps>;
@@ -3565,7 +3803,7 @@ declare enum Points {
 }
 
 /**
- * Sankeychart component.
+ * Sankeychart component
  * {@docCategory SankeyChart}
  */
 export declare const SankeyChart: React_2.FunctionComponent<ISankeyChartProps>;
@@ -3577,13 +3815,13 @@ export declare type SLink = d3Sankey.SankeyLink<ISNodeExtra, ISLinkExtra>;
 export declare type SNode = d3Sankey.SankeyNode<ISNodeExtra, ISLinkExtra>;
 
 /**
- * Sparkline component.
+ * Sparkline component
  * {@docCategory Sparkline}
  */
 export declare const Sparkline: React_2.FunctionComponent<ISparklineProps>;
 
 /**
- * StackedBarchart component.
+ * StackedBarchart component
  * {@docCategory StackedBarChart}
  */
 export declare const StackedBarChart: React_2.FunctionComponent<IStackedBarChartProps>;
@@ -3591,11 +3829,14 @@ export declare const StackedBarChart: React_2.FunctionComponent<IStackedBarChart
 export declare const Textbox: React_2.FunctionComponent<ITextboxProps>;
 
 /**
- * Treechart component.
+ * Treechart component
  * {@docCategory TreeChart}
  */
 export declare const TreeChart: React_2.FunctionComponent<ITreeProps>;
 
+/**
+ * {@docCategory TreeChart}
+ */
 export declare enum TreeTraverse {
     /**
      * TreeTraverse enum val for preOrder: number = 1
@@ -3608,13 +3849,13 @@ export declare enum TreeTraverse {
 }
 
 /**
- * VerticalBarchart component.
+ * VerticalBarchart component
  * {@docCategory VerticalBarChart}
  */
 export declare const VerticalBarChart: React_2.FunctionComponent<IVerticalBarChartProps>;
 
 /**
- * VerticalStackedBarchart component.
+ * VerticalStackedBarchart component
  * {@docCategory VerticalStackedBarChart}
  */
 export declare const VerticalStackedBarChart: React_2.FunctionComponent<IVerticalStackedBarChartProps>;