@fluentui/react-charting 5.23.14 → 5.23.16

package/dist/react-charting.d.ts

@@ -0,0 +1,4292 @@
+import { FocusZoneDirection } from '@fluentui/react-focus';
+import { ICalloutContentStyleProps } from '@fluentui/react/lib/Callout';
+import { ICalloutContentStyles } from '@fluentui/react/lib/Callout';
+import { ICalloutProps } from '@fluentui/react/lib/Callout';
+import { IFocusZoneProps } from '@fluentui/react-focus';
+import { IHoverCardStyleProps } from '@fluentui/react/lib/HoverCard';
+import { IHoverCardStyles } from '@fluentui/react/lib/HoverCard';
+import { IOverflowSetProps } from '@fluentui/react/lib/OverflowSet';
+import { IRenderFunction } from '@fluentui/react/lib/Utilities';
+import { IStyle } from '@fluentui/react/lib/Styling';
+import { IStyle as IStyle_2 } from '@fluentui/react';
+import { IStyleFunctionOrObject } from '@fluentui/react/lib/Utilities';
+import { IStyleFunctionOrObject as IStyleFunctionOrObject_2 } from '@fluentui/react';
+import { ITheme } from '@fluentui/react/lib/Styling';
+import { ITheme as ITheme_2 } from '@fluentui/react';
+import * as React_2 from 'react';
+import { SankeyLink } from 'd3-sankey';
+import { SankeyNode } from 'd3-sankey';
+import { ScaleBand } from 'd3-scale';
+import { ScaleLinear } from 'd3-scale';
+import { SVGProps } from 'react';
+import { TimeLocaleDefinition } from 'd3-time-format';
+
+/**
+ * Areachart component.
+ * {@docCategory AreaChart}
+ */
+export declare const AreaChart: React_2.FunctionComponent<IAreaChartProps>;
+
+/**
+ * Cartesian Chart component
+ * {@docCategory CartesianChart}
+ */
+export declare const CartesianChart: React_2.FunctionComponent<IModifiedCartesianChartProps>;
+
+/**
+ * Chart data mode for chart data text
+ * 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';
+
+export declare const ChartHoverCard: React_2.FunctionComponent<IChartHoverCardProps>;
+
+declare enum ChartTypes {
+    AreaChart = 0,
+    LineChart = 1,
+    VerticalBarChart = 2,
+    VerticalStackedBarChart = 3,
+    GroupedVerticalBarChart = 4,
+    HeatMapChart = 5,
+    HorizontalBarChartWithAxis = 6
+}
+
+declare enum CustomPoints {
+    dottedLine = 0
+}
+
+export declare const DataVizGradientPalette: {
+    gradient1: string;
+    gradient2: string;
+    gradient3: string;
+    gradient4: string;
+    gradient5: string;
+    gradient6: string;
+    gradient7: string;
+    gradient8: string;
+    gradient9: string;
+    gradient10: string;
+    gradient1Ext: string;
+    gradient2Ext: string;
+    gradient3Ext: string;
+    gradient4Ext: string;
+    gradient5Ext: string;
+    gradient6Ext: string;
+    gradient7Ext: string;
+    gradient8Ext: string;
+    gradient9Ext: string;
+    gradient10Ext: string;
+    success: string;
+    highSuccess: string;
+    warning: string;
+    error: string;
+    highError: string;
+    disabled: string;
+};
+
+export declare const DataVizPalette: {
+    color1: string;
+    color2: string;
+    color3: string;
+    color4: string;
+    color5: string;
+    color6: string;
+    color7: string;
+    color8: string;
+    color9: string;
+    color10: string;
+    color11: string;
+    color12: string;
+    color13: string;
+    color14: string;
+    color15: string;
+    color16: string;
+    color17: string;
+    color18: string;
+    color19: string;
+    color20: string;
+    color21: string;
+    color22: string;
+    color23: string;
+    color24: string;
+    color25: string;
+    color26: string;
+    color27: string;
+    color28: string;
+    color29: string;
+    color30: string;
+    color31: string;
+    color32: string;
+    color33: string;
+    color34: string;
+    color35: string;
+    color36: string;
+    color37: string;
+    color38: string;
+    color39: string;
+    color40: string;
+    info: string;
+    disabled: string;
+    highError: string;
+    error: string;
+    warning: string;
+    success: string;
+    highSuccess: string;
+};
+
+/**
+ * Donutchart component.
+ * {@docCategory DonutChart}
+ */
+export declare const DonutChart: React_2.FunctionComponent<IDonutChartProps>;
+
+/**
+ * Gaugechart component.
+ * {@docCategory GaugeChart}
+ */
+export declare const GaugeChart: React_2.FunctionComponent<IGaugeChartProps>;
+
+/**
+ * {@docCategory GaugeChart}
+ */
+export declare enum GaugeChartVariant {
+    SingleSegment = "single-segment",
+    MultipleSegments = "multiple-segments"
+}
+
+/**
+ * {@docCategory GaugeChart}
+ */
+export declare enum GaugeValueFormat {
+    Percentage = "percentage",
+    Fraction = "fraction"
+}
+
+export declare const getChartHoverCardStyles: (props: IChartHoverCardStyleProps) => IChartHoverCardStyles;
+
+export declare const getColorFromToken: (token: string, isDarkTheme?: boolean) => string;
+
+export declare const getGradientFromToken: (token: string, isDarkTheme?: boolean) => [string, string];
+
+export declare const getNextColor: (index: number, offset?: number, isDarkTheme?: boolean) => string;
+
+export declare const getNextGradient: (index: number, offset?: number, isDarkTheme?: boolean) => [string, string];
+
+/**
+ * GroupedVerticalBarchart component.
+ * {@docCategory GroupedVerticalBarChart}
+ */
+export declare const GroupedVerticalBarChart: React_2.FunctionComponent<IGroupedVerticalBarChartProps>;
+
+/**
+ * HeatMapchart component.
+ * {@docCategory HeatMapChart}
+ */
+export declare const HeatMapChart: React_2.FunctionComponent<IHeatMapChartProps>;
+
+/**
+ * HorizontalBarchart component.
+ * {@docCategory HorizontalBarChart}
+ */
+export declare const HorizontalBarChart: React_2.FunctionComponent<IHorizontalBarChartProps>;
+
+/**
+ * {@docCategory HorizontalBarChart}
+ */
+export declare enum HorizontalBarChartVariant {
+    PartToWhole = "part-to-whole",
+    AbsoluteScale = "absolute-scale"
+}
+
+/**
+ * HorizontalBarchartWithAxis component.
+ * {@docCategory HorizontalBarChartWithAxis}
+ */
+export declare const HorizontalBarChartWithAxis: React_2.FunctionComponent<IHorizontalBarChartWithAxisProps>;
+
+/**
+ * {@docCategory IChartProps}
+ */
+export declare interface IAccessibilityProps {
+    /**
+     * Accessibility aria-label
+     */
+    ariaLabel?: string;
+    /**
+     * Accessibility aria-labelledBy
+     */
+    ariaLabelledBy?: string;
+    /**
+     * Accessibility aria-describedBy
+     */
+    ariaDescribedBy?: string;
+}
+
+/**
+ * Area Chart properties.
+ * {@docCategory AreaChart}
+ */
+export declare interface IAreaChartProps extends ICartesianChartProps {
+    /**
+     * Data to render in the chart.
+     */
+    data: IChartProps;
+    /**
+     * This prop is used to draw Y axis grid lines on the chart. Default value will be false
+     * @deprecated now lines are shown by default
+     * no need to use this prop
+     */
+    showYAxisGridLines?: boolean;
+    /**
+     * Call to provide customized styling that will layer on top of the variant rules.
+     */
+    styles?: IStyleFunctionOrObject<ICartesianChartStyleProps, ICartesianChartStyles>;
+    /**
+     * Define a custom callout renderer for a data point
+     */
+    onRenderCalloutPerDataPoint?: IRenderFunction<ICustomizedCalloutData>;
+    /**
+     * Define a custom callout renderer for a stack; default is to render per data point
+     */
+    onRenderCalloutPerStack?: IRenderFunction<ICustomizedCalloutData>;
+    /**
+     * The prop used to define the culture to localized the numbers
+     */
+    culture?: string;
+    /**
+     * @default false
+     * The prop used to enable the perf optimization
+     */
+    enablePerfOptimization?: boolean;
+    optimizeLargeData?: boolean;
+    /**
+     * @default false
+     * The prop used to enable gradient fill color for the chart.
+     */
+    enableGradient?: boolean;
+}
+
+/**
+ * Area Chart style properties
+ * {@docCategory AreaChart}
+ */
+export declare interface IAreaChartStyleProps extends ICartesianChartStyleProps {
+}
+
+/**
+ * Area Chart styles
+ * {@docCategory AreaChart}
+ */
+export declare interface IAreaChartStyles extends ICartesianChartStyles {
+}
+
+declare interface IAxisData {
+    yAxisDomainValues: number[];
+}
+
+export declare interface IBasestate {
+    _width?: number;
+    _height?: number;
+    activeLegend?: string;
+    color?: string;
+    dataForHoverCard?: number;
+    isCalloutVisible: boolean;
+    isLegendSelected?: boolean;
+    isLegendHovered?: boolean;
+    refSelected?: any;
+    YValueHover?: {
+        legend?: string;
+        y?: number;
+        color?: string;
+    }[];
+    hoverYValue?: string | number | null;
+    hoverXValue?: string | number | null;
+    xCalloutValue?: string;
+    yCalloutValue?: string;
+    lineColor?: string;
+    hoveredLineColor?: string;
+    selectedLegend?: string;
+    containerWidth?: number;
+    containerHeight?: number;
+}
+
+/**
+ * Cartesian Chart properties
+ * {@docCategory CartesianChart}
+ */
+export declare interface ICartesianChartProps {
+    /**
+     * Below height used for resizing of the chart
+     * Wrap chart in your container and send the updated height and width to these props.
+     * These values decide wheather chart re render or not. Please check examples for reference
+     */
+    height?: number;
+    /**
+     * Below width used for resizing of the chart
+     * Wrap chart in your container and send the updated height and width to these props.
+     * These values decide wheather chart re render or not. Please check examples for reference
+     */
+    width?: number;
+    /**
+     * this prop takes its parent as a HTML element to define the width and height of the chart
+     */
+    parentRef?: HTMLElement | null;
+    /**
+     * Additional CSS class(es) to apply to the Chart.
+     */
+    className?: string;
+    /**
+     * Theme (provided through customization.)
+     */
+    theme?: ITheme;
+    /**
+     * Margins for the chart
+     * @default `{ top: 20, bottom: 35, left: 40, right: 20 }`
+     * To avoid edge cuttings to the chart, we recommend you use default values or greater then default values
+     */
+    margins?: IMargins;
+    /** decides wether to show/hide legends
+     * @defaultvalue false
+     */
+    hideLegend?: boolean;
+    /**
+     * Do not show tooltips in chart
+     * @default false
+     */
+    hideTooltip?: boolean;
+    /**
+     * this prop takes values that you want the chart to render on x-axis
+     * 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[];
+    /**
+     * 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
+     * Only applicable for date axis. For y-axis format use yAxisTickFormat prop.
+     */
+    tickFormat?: string;
+    /**
+     * Width of line stroke
+     */
+    strokeWidth?: number;
+    /**
+     * x Axis labels tick padding. This defines the gap between tick labels and tick lines.
+     * @default 10
+     */
+    xAxisTickPadding?: number;
+    /**
+     * the format in for the data on y-axis. For data object this can be specified to your requirement.
+     *  Eg: d3.format(".0%")(0.123),d3.format("+20")(42);
+     * Please look at https://github.com/d3/d3-format for all the formats supported
+     */
+    yAxisTickFormat?: any;
+    /**
+     * Secondary y-scale options
+     * By default this is not defined, meaning there will be no secondary y-scale.
+     */
+    secondaryYScaleOptions?: {
+        /** Minimum value (0 by default) */
+        yMinValue?: number;
+        /** Maximum value (100 by default) */
+        yMaxValue?: number;
+    };
+    /**
+     * minimum  data value point in y-axis
+     */
+    yMinValue?: number;
+    /**
+     * maximum data value point in y-axis
+     */
+    yMaxValue?: number;
+    /**
+     * maximum data value point in x-axis
+     */
+    xMaxValue?: number;
+    /**
+     * Number of ticks on the y-axis.
+     * Tick count should be factor of difference between (yMinValue, yMaxValue)?
+     * @default 4
+     */
+    yAxisTickCount?: number;
+    /**
+     * defines the number of ticks on the x-axis. Tries to match the nearest interval satisfying the count.
+     * Does not work for string axis.
+     * @default 6
+     */
+    xAxisTickCount?: number;
+    /**
+     * define the size of the tick lines on the x-axis
+     * @default 10
+     */
+    xAxistickSize?: number;
+    /**
+     * defines the space between the tick line and the data label
+     * @default 10
+     */
+    tickPadding?: number;
+    /**
+     * Url that the data-viz needs to redirect to upon clicking on it
+     */
+    href?: string;
+    /**
+     * Label to apply to the whole chart.
+     * @deprecated - Use your chart label for the chart.
+     */
+    chartLabel?: string;
+    /**
+     * overflow props for the legends
+     */
+    legendsOverflowProps?: Partial<IOverflowSetProps>;
+    legendsOverflowText?: any;
+    /**
+     * focus zone props in hover card for legends
+     */
+    focusZonePropsForLegendsInHoverCard?: IFocusZoneProps;
+    /**
+     * Enable the legends to wrap lines if there is not enough space to show all legends on a single line
+     */
+    enabledLegendsWrapLines?: boolean;
+    legendProps?: Partial<ILegendsProps>;
+    /**
+     *@default false
+     *Used for to elipse x axis labes and show tooltip on x axis labels
+     */
+    showXAxisLablesTooltip?: boolean;
+    /**
+     * @default 4
+     * Used for X axis labels
+     * While Giving showXAxisLablesTooltip prop, need to define after how many chars, we need to truncate the word.
+     */
+    noOfCharsToTruncate?: number;
+    /**
+     * @default false
+     * Used to wrap x axis labels values (whole value)
+     */
+    wrapXAxisLables?: boolean;
+    /**
+     * @default false
+     * Used to rotate x axis labels by 45 degrees
+     */
+    rotateXAxisLables?: boolean;
+    /**
+     * The prop used to define the date time localization options
+     */
+    dateLocalizeOptions?: Intl.DateTimeFormatOptions;
+    /**
+     * The prop used to define a custom locale for the date time format.
+     */
+    timeFormatLocale?: TimeLocaleDefinition;
+    /**
+     * The prop used to define a custom datetime formatter for date axis.
+     */
+    customDateTimeFormatter?: (dateTime: Date) => string;
+    /**
+     * Call to provide customized styling that will layer on top of the variant rules.
+     */
+    styles?: IStyleFunctionOrObject<ICartesianChartStyleProps, ICartesianChartStyles>;
+    /**
+     * Callout customization props
+     */
+    calloutProps?: Partial<ICalloutProps>;
+    /**
+     * props for the svg; use this to include aria-* or other attributes on the tag
+     */
+    svgProps?: React_2.SVGProps<SVGSVGElement>;
+    /**
+     * Prop to disable shrinking of the chart beyond a certain limit and enable scrolling when the chart overflows
+     * @default True for LineChart but False for other charts
+     */
+    enableReflow?: boolean;
+    /**
+     * Prop to set the x axis title
+     * @default undefined
+     * Minimum bottom margin required for x axis title is 55px
+     */
+    xAxisTitle?: string;
+    /**
+     * Prop to set the y axis title
+     * @default undefined
+     * Minimum left margin required for y axis title is 60px and for RTL is 40px
+     * Minimum right margin required for y axis title is 40px and for RTL is 60px
+     */
+    yAxisTitle?: string;
+    /**
+     * Prop to set the secondary y axis title
+     * @default undefined
+     * If RTL is enabled, minimum left and right margins required for secondary y axis title is 60px
+     */
+    secondaryYAxistitle?: string;
+    /**
+     * Whether to use UTC time for axis scale, ticks, and the time display in callouts.
+     * When set to `true`, time is displayed equally, regardless of the user's timezone settings.
+     * @default true
+     */
+    useUTC?: boolean;
+}
+
+/**
+ * Cartesian Chart style properties
+ * {@docCategory CartesianChart}
+ */
+export declare interface ICartesianChartStyleProps {
+    /**
+     * Theme (provided through customization.)
+     */
+    theme: ITheme;
+    /**
+     * Additional CSS class(es) to apply to the Chart.
+     */
+    className?: string;
+    /**
+     * Width of the chart.
+     */
+    width?: number;
+    /**
+     * Height of the chart.
+     */
+    height?: number;
+    /**
+     * Color of the chart.
+     */
+    color?: string;
+    /**
+     * Link to redirect if click action for graph
+     */
+    href?: string;
+    /**
+     * prop to check if the chart is selected or hovered upon to determine opacity
+     */
+    shouldHighlight?: boolean;
+    /**
+     * prop to check if the Page is in Rtl
+     */
+    isRtl?: boolean;
+    /**
+     * color of the line
+     */
+    lineColor?: string;
+    /**
+     * boolean flag which determines if shape is drawn in callout
+     */
+    toDrawShape?: boolean;
+}
+
+/**
+ * Cartesian Chart styles
+ * {@docCategory CartesianChart}
+ */
+export declare interface ICartesianChartStyles {
+    /**
+     *  Style for the root element.
+     */
+    root?: IStyle;
+    /**
+     * Style for the element containing the x-axis.
+     */
+    xAxis?: IStyle;
+    /**
+     * Style for the element containing the y-axis.
+     */
+    yAxis?: IStyle;
+    /**
+     * Style for legend container
+     */
+    legendContainer?: IStyle;
+    /**
+     * line hover box css
+     */
+    hover?: IStyle;
+    /**
+     * styles for callout root-content
+     */
+    calloutContentRoot?: IStyle;
+    /**
+     * styles for callout x-content
+     */
+    calloutContentX?: IStyle;
+    /**
+     * styles for callout y-content
+     */
+    calloutContentY?: IStyle;
+    /**
+     * styles for description message
+     */
+    descriptionMessage?: IStyle;
+    /**
+     * styles for callout Date time container
+     */
+    calloutDateTimeContainer?: IStyle;
+    /**
+     * styles for callout info container
+     */
+    calloutInfoContainer?: IStyle;
+    /**
+     * styles for callout block container
+     */
+    calloutBlockContainer?: IStyle;
+    /**
+     * styles for callout legend text
+     */
+    calloutlegendText?: IStyle;
+    /**
+     * styles for tooltip
+     */
+    tooltip?: IStyle;
+    /**
+     * styles for tooltip
+     */
+    axisTitle?: IStyle;
+    /**
+     * Style for the chart Title.
+     */
+    chartTitle?: IStyle;
+    /**
+     * Style to change the opacity of bars in dataviz when we hover on a single bar or legends
+     */
+    opacityChangeOnHover?: IStyle;
+    /**
+     * styles for the shape object in the callout
+     */
+    shapeStyles?: IStyle;
+    /**
+     * Styles for the chart wrapper div
+     */
+    chartWrapper?: IStyle;
+}
+
+/**
+ * {@docCategory IChartData}
+ */
+export declare interface IChartDataPoint {
+    /**
+     * Legend text for the datapoint in the chart
+     */
+    legend?: string;
+    /**
+     * data the datapoint in the chart
+     */
+    data?: number;
+    /**
+     * data the datapoint in the chart
+     */
+    horizontalBarChartdata?: IHorizontalDataPoint;
+    /**
+     * onClick action for each datapoint in the chart
+     */
+    onClick?: VoidFunction;
+    /**
+     * Color for the legend in the chart. If not provided, it will fallback on the default color palette.
+     */
+    color?: string;
+    /**
+     * Gradient for the legend in the chart. If not provided, it will fallback on the default color palette.
+     * If provided, it will override the color prop. granted `enableGradient` is set to true for the chart.
+     */
+    gradient?: [string, string];
+    /**
+     * placeholder data point
+     */
+    placeHolder?: boolean;
+    /**
+     * Callout data for x axis
+     * This is an optional prop, If haven;t given legend will take
+     */
+    xAxisCalloutData?: string;
+    /**
+     * Callout data for y axis
+     * This is an optional prop, If haven't given data will take
+     */
+    yAxisCalloutData?: string;
+    /**
+     * Accessibility data for callout
+     */
+    callOutAccessibilityData?: IAccessibilityProps;
+}
+
+export declare interface IChartHoverCardProps {
+    /**
+     * X  value for hover card
+     */
+    XValue?: string;
+    /**
+     * Y value for hover card
+     */
+    YValue?: string | number | Date;
+    /**
+     * Legend value  for hover card
+     */
+    Legend?: string | number | Date;
+    /**
+     * color for hover card
+     */
+    color?: string;
+    /**
+     * ratio to show
+     * first number is numerator
+     * and second number is denominator
+     */
+    ratio?: [number, number];
+    /**
+     * Theme (provided through customization.)
+     */
+    theme?: ITheme_2;
+    /**
+     * description message in the callout
+     */
+    descriptionMessage?: string;
+    /**
+     * Call to provide customized styling that will layer on top of the variant rules.
+     */
+    styles?: IStyleFunctionOrObject_2<IChartHoverCardStyleProps, IChartHoverCardStyles>;
+    /**
+     * The prop used to define the culture to localized the numbers
+     */
+    culture?: string;
+}
+
+export declare interface IChartHoverCardStyleProps {
+    /**
+     * Theme (provided through customization.)
+     */
+    theme: ITheme_2;
+    /**
+     * color for hover card
+     */
+    color?: string;
+    /**
+     * X  value for hover card
+     */
+    XValue?: string;
+    /**
+     * indicate if denomination is present
+     */
+    isRatioPresent?: boolean;
+}
+
+export declare interface IChartHoverCardStyles {
+    /**
+     * styles for callout root-content
+     */
+    calloutContentRoot?: IStyle_2;
+    /**
+     * styles for callout Date time container
+     */
+    calloutDateTimeContainer?: IStyle_2;
+    /**
+     * styles for callout Date time container
+     */
+    calloutInfoContainer?: IStyle_2;
+    /**
+     * styles for callout Date time container
+     */
+    calloutBlockContainer?: IStyle_2;
+    /**
+     * styles for callout y-content
+     */
+    calloutlegendText?: IStyle_2;
+    /**
+     * styles for callout x-content
+     */
+    calloutContentX?: IStyle_2;
+    /**
+     * styles for callout y-content
+     */
+    calloutContentY?: IStyle_2;
+    /**
+     * styles for denomination
+     */
+    ratio?: IStyle_2;
+    /**
+     * styles for numerator
+     */
+    numerator?: IStyle_2;
+    /**
+     * styles for denominator
+     */
+    denominator?: IStyle_2;
+    /**
+     * styles for the description
+     */
+    descriptionMessage?: IStyle_2;
+}
+
+/**
+ * {@docCategory IChartProps}
+ */
+export declare interface IChartProps {
+    /**
+     * chart title for the chart
+     */
+    chartTitle?: string;
+    /**
+     * Accessibility data for chart title
+     */
+    chartTitleAccessibilityData?: IAccessibilityProps;
+    /**
+     * data for the points in the chart
+     */
+    chartData?: IChartDataPoint[];
+    /**
+     * Accessibility data for chart data
+     */
+    chartDataAccessibilityData?: IAccessibilityProps;
+    /**
+     * data for the points in the line chart
+     */
+    lineChartData?: ILineChartPoints[];
+    /**
+     * data for the points in the line chart
+     */
+    SankeyChartData?: ISankeyChartData;
+    /**
+     * data for the points in the line chart
+     */
+    pointOptions?: SVGProps<SVGCircleElement>;
+    /**
+     * data for the dotted line on hovering the point
+     */
+    pointLineOptions?: SVGProps<SVGLineElement>;
+}
+
+export declare interface IChildProps {
+    xScale?: any;
+    yScale?: any;
+    yScaleSecondary?: any;
+    containerHeight?: number;
+    containerWidth?: number;
+}
+
+/**
+ * {@docCategory LineChart}
+ */
+export declare interface IColorFillBarData {
+    startX: number | Date;
+    endX: number | Date;
+}
+
+/**
+ * {@docCategory LineChart}
+ */
+export declare interface IColorFillBarsProps {
+    legend: string;
+    color: string;
+    data: IColorFillBarData[];
+    applyPattern?: boolean;
+    onLegendClick?: (selectedLegend: string | string[] | null) => void | undefined;
+}
+
+/**
+ * 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;
+    color: string;
+    xAxisCalloutData?: string;
+    yAxisCalloutData?: string | {
+        [id: string]: number;
+    };
+}
+
+/**
+ * {@docCategory IChartData}
+ */
+export declare interface IDataPoint {
+    /**
+     * Independent value of the data point, rendered along the x-axis.
+     * If x is a number, then each y-coordinate is plotted at its x-coordinate.
+     * If x is a string, then the data is evenly spaced along the x-axis.
+     */
+    x: number | string;
+    /**
+     * Dependent value of the data point, rendered along the y-axis.
+     */
+    y: number;
+    /**
+     * onClick action for each datapoint in the chart
+     */
+    onClick?: VoidFunction;
+}
+
+declare interface IDomainNRange {
+    dStartValue: number | Date;
+    dEndValue: number | Date;
+    rStartValue: number;
+    rEndValue: number;
+}
+
+export declare interface IDonutChart {
+}
+
+/**
+ * Donut Chart properties.
+ * {@docCategory DonutChart}
+ */
+export declare interface IDonutChartProps extends ICartesianChartProps {
+    /**
+     * Data to render in the chart.
+     */
+    data?: IChartProps;
+    /**
+     * inner radius for donut size
+     */
+    innerRadius?: number;
+    /**
+     * Call to provide customized styling that will layer on top of the variant rules.
+     */
+    styles?: IStyleFunctionOrObject<IDonutChartStyleProps, IDonutChartStyles>;
+    /**
+     * props for inside donut value
+     */
+    valueInsideDonut?: string | number;
+    /**
+     * Define a custom callout renderer for a data point
+     */
+    onRenderCalloutPerDataPoint?: IRenderFunction<IChartDataPoint>;
+    /**
+     * props for the callout in the chart
+     */
+    calloutProps?: Partial<ICalloutProps>;
+    /**
+     * The prop used to define the culture to localized the numbers
+     */
+    culture?: string;
+    /**
+     * Prop to show the arc labels in percentage format
+     * @default false
+     */
+    showLabelsInPercent?: boolean;
+    /**
+     * Prop to hide the arc labels
+     * @default true
+     */
+    hideLabels?: boolean;
+    /**
+     * Prop to enable the gradient in the chart
+     * @default false
+     */
+    enableGradient?: boolean;
+    /**
+     * Prop to enable the round corners in the chart
+     * @default false
+     */
+    roundCorners?: 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.
+     */
+    root?: IStyle;
+    /**
+     * Style for the chart.
+     */
+    chart?: IStyle;
+    /**
+     * Style for the legend container.
+     */
+    legendContainer: IStyle;
+}
+
+declare interface IEventAnnotation {
+    date: Date;
+    event: string;
+    onRenderCard?: () => React_2.ReactNode;
+}
+
+/**
+ * {@docCategory LineChart}
+ */
+export declare interface IEventsAnnotationProps {
+    events: IEventAnnotation[];
+    strokeColor?: string;
+    labelColor?: string;
+    labelHeight?: number;
+    labelWidth?: number;
+    mergedLabel: (count: number) => string;
+}
+
+/**
+ * Gauge Chart properties
+ * {@docCategory GaugeChart}
+ */
+export declare interface IGaugeChartProps {
+    /**
+     * Width of the chart
+     */
+    width?: number;
+    /**
+     * Height of the chart
+     */
+    height?: number;
+    /**
+     * Title of the chart
+     */
+    chartTitle?: string;
+    /**
+     * Current value of the gauge
+     */
+    chartValue: number;
+    /**
+     * Sections of the gauge
+     */
+    segments: IGaugeChartSegment[];
+    /**
+     * Minimum value of the gauge
+     * @defaultvalue 0
+     */
+    minValue?: number;
+    /**
+     * Maximum value of the gauge
+     */
+    maxValue?: number;
+    /**
+     * Additional text to display below the chart value
+     */
+    sublabel?: string;
+    /**
+     * Hide the min and max values of the gauge
+     * @defaultvalue false
+     */
+    hideMinMax?: boolean;
+    /**
+     * Format of the chart value
+     * @defaultvalue GaugeValueFormat.Percentage
+     */
+    chartValueFormat?: GaugeValueFormat | ((sweepFraction: [number, number]) => string);
+    /**
+     * Decides whether to show/hide legends
+     * @defaultvalue false
+     */
+    hideLegend?: boolean;
+    legendProps?: Partial<ILegendsProps>;
+    /**
+     * Do not show tooltips in chart
+     * @defaultvalue false
+     */
+    hideTooltip?: boolean;
+    /**
+     * Additional CSS class(es) to apply to the chart
+     */
+    className?: string;
+    /**
+     * Theme (provided through customization)
+     */
+    theme?: ITheme;
+    /**
+     * Call to provide customized styling that will layer on top of the variant rules
+     */
+    styles?: IStyleFunctionOrObject<IGaugeChartStyleProps, IGaugeChartStyles>;
+    /**
+     * Defines the culture to localize the numbers and dates
+     */
+    culture?: string;
+    /**
+     * Props for the callout in the chart
+     */
+    calloutProps?: Partial<ICalloutProps>;
+    /**
+     * Specifies the variant of GaugeChart to be rendered
+     * @defaultvalue GaugeChartVariant.MultipleSegments
+     */
+    variant?: GaugeChartVariant;
+    /**
+     * Prop to enable the gradient in the chart
+     * @default false
+     */
+    enableGradient?: boolean;
+    /**
+     * Prop to enable the round corners in the chart
+     * @default false
+     */
+    roundCorners?: boolean;
+}
+
+/**
+ * Gauge Chart segment interface.
+ * {@docCategory GaugeChart}
+ */
+export declare interface IGaugeChartSegment {
+    /**
+     * Legend text for a segment
+     */
+    legend: string;
+    /**
+     * Size of the segment
+     */
+    size: number;
+    /**
+     * Color of the segment
+     */
+    color?: string;
+    /**
+     * Gradient color of the segment
+     */
+    gradient?: [string, string];
+    /**
+     * Accessibility data for the segment
+     */
+    accessibilityData?: IAccessibilityProps;
+}
+
+/**
+ * Gauge Chart style properties
+ * {@docCategory GaugeChart}
+ */
+export declare interface IGaugeChartStyleProps {
+    /**
+     * Theme (provided through customization)
+     */
+    theme: ITheme;
+    /**
+     * Font size of the chart value
+     */
+    chartValueSize?: number;
+    /**
+     * Width of the chart
+     */
+    chartWidth?: number;
+    /**
+     * Height of the chart
+     */
+    chartHeight?: number;
+    /**
+     * Additional CSS class(es) to apply to the chart
+     */
+    className?: string;
+    /**
+     * Color of the line
+     */
+    lineColor?: string;
+    /**
+     * Boolean flag which determines if shape is drawn in callout
+     */
+    toDrawShape?: boolean;
+    /**
+     * solid color for the arc (when enableGradient is false)
+     */
+    solidFill?: string;
+    /**
+     * gradient for the arc (when enableGradient is true)
+     */
+    gradientFill?: string;
+    /**
+     * opacity of the arc
+     */
+    opacity?: number;
+}
+
+/**
+ * Gauge Chart styles
+ * {@docCategory GaugeChart}
+ */
+export declare interface IGaugeChartStyles {
+    /**
+     * Styles for the root element
+     */
+    root?: IStyle;
+    /**
+     * Styles for the chart
+     */
+    chart?: IStyle;
+    /**
+     * Styles for the min and max values
+     */
+    limits?: IStyle;
+    /**
+     * Styles for the chart value
+     */
+    chartValue?: IStyle;
+    /**
+     * Styles for the sublabel
+     */
+    sublabel?: IStyle;
+    /**
+     * Styles for the needle
+     */
+    needle?: IStyle;
+    /**
+     * Styles for the chart title
+     */
+    chartTitle?: IStyle;
+    /**
+     * Styles for the segments
+     */
+    segment?: IStyle;
+    /**
+     * Styles for gradient segments
+     */
+    gradientSegment?: IStyle;
+    /**
+     * Styles for the legends container
+     */
+    legendsContainer?: IStyle;
+    /**
+     * Styles for callout root-content
+     */
+    calloutContentRoot?: IStyle;
+    /**
+     * Styles for callout x-content
+     */
+    calloutContentX?: IStyle;
+    /**
+     * Styles for callout y-content
+     */
+    calloutContentY?: IStyle;
+    /**
+     * Styles for description message
+     */
+    descriptionMessage?: IStyle;
+    /**
+     * Styles for callout Date time container
+     */
+    calloutDateTimeContainer?: IStyle;
+    /**
+     * Styles for callout info container
+     */
+    calloutInfoContainer?: IStyle;
+    /**
+     * Styles for callout block container
+     */
+    calloutBlockContainer?: IStyle;
+    /**
+     * Styles for callout legend text
+     */
+    calloutlegendText?: IStyle;
+    /**
+     * Styles for the shape object in the callout
+     */
+    shapeStyles?: IStyle;
+}
+
+/**
+ * {@docCategory IChartData}
+ */
+export declare interface IGroupedVerticalBarChartData {
+    /**
+     * Data for X axis label
+     */
+    name: string;
+    /**
+     * Data points for Grouped vertical bar chart
+     */
+    series: IGVBarChartSeriesPoint[];
+    /**
+     * Accessibility data for Group Bars Stack Callout
+     */
+    stackCallOutAccessibilityData?: IAccessibilityProps;
+}
+
+/**
+ * Grouped Vertical Bar Chart properties
+ * {@docCategory GroupedVerticalBarChart}
+ */
+export declare interface IGroupedVerticalBarChartProps extends ICartesianChartProps {
+    /**
+     * chart title for the chart
+     */
+    chartTitle?: string;
+    /**
+     * Data to render in the chart.
+     */
+    data: IGroupedVerticalBarChartData[];
+    /**
+     * Width of each bar in the chart. When set to `undefined` or `'default'`, the bar width defaults to 16px,
+     * which may decrease to prevent overlap. When set to `'auto'`, the bar width is calculated from padding values.
+     * @default 16
+     */
+    barwidth?: number | 'default' | 'auto';
+    /**
+     * Call to provide customized styling that will layer on top of the variant rules.
+     */
+    styles?: IStyleFunctionOrObject<IGroupedVerticalBarChartStyleProps, IGroupedVerticalBarChartStyles>;
+    /**
+     * color of the datapoint legend
+     * @deprecated Dont use this property. colour will pick from given data
+     */
+    legendColor?: string;
+    /**
+     * This prop used to draw X axis grid line on tha chart. Default value will be false
+     * @deprecated Dont use this property. Handling with default value.
+     */
+    showXAxisGridLines?: boolean;
+    /**
+     * This prop used to draw Y axis grid lines on the chart. Default value will be true
+     * @deprecated Dont use this property. Lines are drawn by default
+     */
+    showYAxisGridLines?: boolean;
+    /**
+     * This prop takes the boolean value and used for to display x-axis path or transparent.
+     * This is a optional prop and default value is false. It dont show X-Axis path as tranparent.
+     * @deprecated Dont use this property. Axis line are removed by default
+     */
+    showXAxisPath?: boolean;
+    /**
+     * This prop takes the boolean value and used for to display y-axis path or transparent.
+     * This is a optional prop and default value is false. It dont show Y-Axis path as tranparent.
+     * @deprecated Dont use this property. No need to display Y axis path. Handling default
+     */
+    showYAxisPath?: boolean;
+    /**
+     * Define a custom callout renderer for a stack
+     */
+    onRenderCalloutPerDataPoint?: IRenderFunction<IGVBarChartSeriesPoint>;
+    /**
+     * The prop used to define the culture to localized the numbers
+     */
+    culture?: string;
+    /**
+     * To display multi stack callout or single callout
+     * @default false
+     */
+    isCalloutForStack?: boolean;
+    /**
+     * Prop to hide the bar labels
+     * @default false
+     */
+    hideLabels?: boolean;
+    /**
+     * Maximum width of a bar, in pixels.
+     * @default 24
+     */
+    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;
+    /**
+     * @default false
+     * The prop used to enable gradient fill color for the chart.
+     */
+    enableGradient?: boolean;
+    /**
+     * @default false
+     * The prop used to enable rounded corners for the chart.
+     */
+    roundCorners?: 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
+     */
+    opacityChangeOnHover: IStyle;
+    /**
+     * Style for the bar labels
+     */
+    barLabel: IStyle;
+}
+
+/**
+ * {@docCategory IChartData}
+ */
+export declare interface IGVBarChartSeriesPoint {
+    /**
+     * Text for // need to check use of this
+     */
+    key: string;
+    /**
+     * Data for bar height of Grouped vertical bar chart
+     */
+    data: number;
+    /**
+     * Color for the legend in the chart
+     */
+    color: string;
+    /**
+     * Gradient for the legend in the chart. If not provided, it will fallback on the default color palette.
+     * If provided, it will override the color prop. granted `enableGradient` is set to true for the chart.
+     */
+    gradient?: [string, string];
+    /**
+     * Legend text in the chart
+     */
+    legend: string;
+    /**
+     * Callout data for x axis
+     * This is an optional prop, If haven;t given legend will take
+     */
+    xAxisCalloutData?: string;
+    /**
+     * Callout data for y axis
+     * This is an optional prop, If haven't given data will take
+     */
+    yAxisCalloutData?: string;
+    /**
+     * onClick action for each datapoint in the chart
+     */
+    onClick?: VoidFunction;
+    /**
+     * Accessibility data for callout
+     */
+    callOutAccessibilityData?: IAccessibilityProps;
+}
+
+export declare interface IGVDataPoint {
+    /**
+     * This interface used for - While forming datapoints from given prop "data" in code
+     * datapoints are used for to draw graph
+     */
+    [key: string]: number | string;
+}
+
+export declare interface IGVForBarChart {
+    /**
+     * While forming datapoints from given prop "data"
+     * These datapoints are used for to draw graph.
+     */
+    [key: string]: IGVBarChartSeriesPoint;
+}
+
+export declare interface IGVSingleDataPoint {
+    /**
+     * While forming datapoints from given prop "data" in code.
+     * These datapoints are used for to draw graph easily.
+     */
+    [key: string]: IGVDataPoint;
+}
+
+/**
+ * {@docCategory IChartData}
+ */
+export declare interface IHeatMapChartData {
+    /**
+     * name of the legend
+     */
+    legend: string;
+    data: IHeatMapChartDataPoint[];
+    /**
+     * This  number will be used to get the color for the legend
+     */
+    value: number;
+}
+
+/**
+ * {@docCategory IChartData}
+ */
+export declare interface IHeatMapChartDataPoint {
+    x: string | Date | number;
+    y: string | Date | number;
+    value: number;
+    /**
+     * The value/ text to be rendered in the rectange
+     */
+    rectText?: string | number;
+    /**
+     * denomination to show in the callout
+     */
+    ratio?: [number, number];
+    /**
+     * description message to the callout
+     */
+    descriptionMessage?: string;
+    /**
+     * onClick action for each datapoint in the chart
+     */
+    onClick?: VoidFunction;
+    /**
+     * Accessibility data for callout
+     */
+    callOutAccessibilityData?: IAccessibilityProps;
+}
+
+/**
+ * Heat Map Chart properties
+ * {@docCategory HeatMapChart}
+ */
+export declare interface IHeatMapChartProps extends Pick<ICartesianChartProps, Exclude<keyof ICartesianChartProps, 'styles'>> {
+    /**
+     * chart title for the chart
+     */
+    chartTitle?: string;
+    /**
+     * data to provide for Heat Map
+     */
+    data: IHeatMapChartData[];
+    /**
+     * The domain value for the color scale,
+     *
+     */
+    domainValuesForColorScale: number[];
+    /**
+     * The range values for the color scale,
+     * fill the array with colors in hex format
+     * note:- it should contain values exactly as many as values in the array
+     * `domainValuesForColorScale`
+     */
+    rangeValuesForColorScale: string[];
+    /**
+     * date formatter of x axis,
+     * if the x-axis data point are of date type then user can use this
+     * prop to format the date
+     * refer to https://github.com/d3/d3-time-format for string values
+     * @default '%b/%d'
+     */
+    xAxisDateFormatString?: string;
+    /**
+     * date formatter of y axis,
+     * if the y-axis data point are or date type then user can use this
+     * prop to format the date
+     * refer to https://github.com/d3/d3-time-format for string values
+     * @default '%b/%d'
+     */
+    yAxisDateFormatString?: string;
+    /**
+     * number formatter of x axis
+     * if the x-axis data pints are of number type then user can
+     * use this prop to format the number
+     * refer to https://github.com/d3/d3-format for string values
+     * @default '.2~s'
+     */
+    xAxisNumberFormatString?: string;
+    /**
+     * number formatter of y axis
+     * if the y-axis data pints are of number type then user can
+     * use this prop to format the number
+     * refer to https://github.com/d3/d3-format for string values
+     * @default '.2~s'
+     */
+    yAxisNumberFormatString?: string;
+    /**
+     * string formatter for x-axis.
+     * This prop only applies if the x-axis is of string type
+     *
+     * For the accessiblity reason we sort the x-axis data point given by the consumer in ascending
+     * order and then render in the x-axis. this behaviour would force the order of the data points.
+     * to overcome , user can give x-axis point names as p1 p2...etc and map those p1 and p2 to custom name.
+     * behind the scene the charting will actually sort the p1 and p2 and then we can attach the custom
+     * name to that point by using this prop, hence giving the us the flexiblity of the order in which
+     * label should render
+     *
+     * see the example file for the usage of the prop
+     */
+    xAxisStringFormatter?: (point: string) => string;
+    /**
+     * string formatter for y-axis.
+     * This prop only applies if the y-axis is of string type
+     *
+     * For the accessiblity reason we sort the x-axis data point given by the consumer in ascending
+     * order and then render in the y-axis. this behaviour would force the order of the data points.
+     * to overcome , user can give y-axis point names as p1 p2...etc and map those p1 and p2 to custom name.
+     * behind the scene the charting will actually sort the p1 and p2 and then we can attach the custom
+     * name to that point by using this prop, hence giving the us the flexiblity of the order in which
+     * label should render
+     *
+     * see the exaple file for the usage of the prop
+     */
+    yAxisStringFormatter?: (point: string) => string;
+    /**
+     * custom legend properties
+     */
+    legendProps?: Partial<ILegendsProps>;
+    /**
+     * Call to provide customized styling that will layer on top of the variant rules.
+     */
+    styles?: IStyleFunctionOrObject<IHeatMapChartStyleProps, IHeatMapChartStyles>;
+    /**
+     * The prop used to define the culture to localized the numbers
+     */
+    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;
+    subComponentStyles: {
+        cartesianStyles: IStyleFunctionOrObject<ICartesianChartStyleProps, ICartesianChartStyles>;
+        calloutStyles: IStyleFunctionOrObject<ICalloutContentStyleProps, ICalloutContentStyles>;
+    };
+}
+
+/**
+ * Horizontal Bar Chart properties
+ * {@docCategory HorizontalBarChart}
+ */
+export declare interface IHorizontalBarChartProps {
+    /**
+     * An array of chart data points for the Horizontal bar chart
+     */
+    data?: IChartProps[];
+    /**
+     * Width of bar chart
+     */
+    width?: number;
+    /**
+     * Height of bar chart
+     * @default 15
+     */
+    barHeight?: number;
+    /**
+     * Additional CSS class(es) to apply to the StackedBarChart.
+     */
+    className?: string;
+    /**
+     * Theme (provided through customization.)
+     */
+    theme?: ITheme;
+    /**
+     * This property tells whether to show ratio on top of stacked bar chart or not.
+     */
+    hideRatio?: boolean[];
+    /**
+     * Do not show tooltips in chart
+     *
+     * @default false
+     */
+    hideTooltip?: boolean;
+    /**
+     * This property tells how to show data text on top right of bar chart.
+     * If barChartCustomData props added, then this props will be overrided.
+     * @default 'default'
+     */
+    chartDataMode?: ChartDataMode;
+    /**
+     * Call to provide customized styling that will layer on top of the variant rules.
+     */
+    styles?: IStyleFunctionOrObject<IHorizontalBarChartStyleProps, IHorizontalBarChartStyles>;
+    /**
+     * Define a custom callout renderer for a horizontal bar
+     */
+    onRenderCalloutPerHorizontalBar?: IRenderFunction<IChartDataPoint>;
+    /**
+     * props for the callout in the chart
+     */
+    calloutProps?: Partial<ICalloutProps>;
+    /**
+     * Custom text to the chart (right side of the chart)
+     * IChartProps will be available as props to the method prop.
+     * If this method not given, default values (IHorizontalDataPoint \{x,y\})
+     * will be used to display the data/text based on given chartModeData prop.
+     */
+    barChartCustomData?: IRenderFunction<IChartProps>;
+    /**
+     * The prop used to define the culture to localized the numbers
+     */
+    culture?: string;
+    /**
+     * Prop to define the variant of HorizontalBarChart to render
+     * @default HorizontalBarChartVariant.PartToWhole
+     */
+    variant?: HorizontalBarChartVariant;
+    /**
+     * Prop to hide the bar labels
+     * @default false
+     */
+    hideLabels?: boolean;
+    /**
+     * @default false
+     * The prop used to enable gradient fill color for the chart.
+     */
+    enableGradient?: boolean;
+    /**
+     * @default false
+     * The prop used to enable rounded corners for the chart.
+     */
+    roundCorners?: boolean;
+}
+
+/**
+ * Horizontal Bar Chart style properties
+ * {@docCategory HorizontalBarChart}
+ */
+export declare interface IHorizontalBarChartStyleProps {
+    /**
+     * Theme (provided through customization.)
+     */
+    theme: ITheme;
+    /**
+     * Additional CSS class(es) to apply to the StackedBarChart.
+     */
+    className?: string;
+    /**
+     * Width of the chart.
+     */
+    width: number | undefined;
+    /**
+     * line color for callout
+     */
+    color?: string;
+    /**
+     * Height of bar chart
+     * @default 15
+     */
+    barHeight?: number;
+    /**
+     * prop to check if benchmark data is provided
+     */
+    showTriangle?: boolean;
+    /**
+     * Prop to define the variant of HorizontalBarChart to render
+     */
+    variant?: HorizontalBarChartVariant;
+    /**
+     * Prop to hide the bar labels
+     */
+    hideLabels?: boolean;
+}
+
+/**
+ * Horizontal Bar Chart styles
+ * {@docCategory HorizontalBarChart}
+ */
+export declare interface IHorizontalBarChartStyles {
+    /**
+     * Styling for the root container
+     */
+    root: IStyle;
+    /**
+     * Styling for each item in the container
+     */
+    items: IStyle;
+    /**
+     * Style for the chart.
+     */
+    chart: IStyle;
+    /**
+     * Style for the chart Title.
+     */
+    chartTitle: IStyle;
+    /**
+     * Style for the bars.
+     */
+    barWrapper: IStyle;
+    /**
+     * Style for left side text of the chart title
+     */
+    chartTitleLeft: IStyle;
+    /**
+     * Style for right side text of the chart title
+     */
+    chartTitleRight: IStyle;
+    /**
+     * Style for the chart data text denominator.
+     */
+    chartDataTextDenominator: IStyle;
+    /**
+     * Style for the benchmark container
+     */
+    benchmarkContainer: IStyle;
+    /**
+     * Style for the benchmark triangle
+     */
+    triangle: IStyle;
+    /**
+     * Style for the bar labels
+     */
+    barLabel: IStyle;
+    /**
+     * Style for the div containing the chart
+     */
+    chartWrapper: IStyle;
+}
+
+/**
+ * {@docCategory IChartData}
+ */
+export declare interface IHorizontalBarChartWithAxisDataPoint {
+    /**
+     * Dependent value of the data point, rendered along the x-axis.
+     */
+    x: number;
+    /**
+     * Independent value of the data point, rendered along the y-axis.
+     * If y is a number, then each y-coordinate is plotted at its y-coordinate.
+     * If y is a string, then the data is evenly spaced along the y-axis.
+     */
+    y: number | string;
+    /**
+     * Legend text for the datapoint in the chart
+     */
+    legend?: string;
+    /**
+     * color for the legend in the chart
+     */
+    color?: string;
+    /**
+     * Gradient for the legend in the chart. If not provided, it will fallback on the default color palette.
+     * If provided, it will override the color prop. granted `enableGradient` is set to true for the chart.
+     */
+    gradient?: [string, string];
+    /**
+     * Callout data for x axis
+     * This is an optional prop, If haven;t given legend will take
+     */
+    xAxisCalloutData?: string;
+    /**
+     * Callout data for y axis
+     * This is an optional prop, If haven't given data will take
+     */
+    yAxisCalloutData?: string;
+    /**
+     * onClick action for each datapoint in the chart
+     */
+    onClick?: VoidFunction;
+    /**
+     * Accessibility data for callout
+     */
+    callOutAccessibilityData?: IAccessibilityProps;
+}
+
+/**
+ * Horizontal Bar Chart with Axis properties
+ * {@docCategory HorizontalBarChartWithAxis}
+ */
+export declare interface IHorizontalBarChartWithAxisProps extends ICartesianChartProps {
+    /**
+     * Data to render in the chart.
+     */
+    data?: IHorizontalBarChartWithAxisDataPoint[];
+    /**
+     * Define a custom callout renderer for a data point.
+     */
+    onRenderCalloutPerDataPoint?: IRenderFunction<IHorizontalBarChartWithAxisDataPoint>;
+    /**
+     * Width of each bar in the chart.
+     */
+    barHeight?: number;
+    /**
+     * Colors from which to select the color of each bar.
+     */
+    colors?: string[];
+    /**
+     * chart title for the chart
+     */
+    chartTitle?: string;
+    /**
+     * This prop makes sure that all the bars are of same color.
+     * it will take the first color from the array of colors in
+     * prop `colors` or if  `colors` prop is not given then default color is  palette.blueLight
+     * @default false
+     */
+    useSingleColor?: boolean;
+    /**
+     * Call to provide customized styling that will layer on top of the variant rules.
+     */
+    styles?: IStyleFunctionOrObject<IHorizontalBarChartWithAxisStyleProps, IHorizontalBarChartWithAxisStyles>;
+    /**
+     * The prop used to define the culture to localized the numbers
+     */
+    culture?: string;
+    /**
+     * it's padding between bar's or lines in the graph
+     */
+    yAxisPadding?: number;
+    /**
+     *@default false
+     *Used for to elipse y axis labes and show tooltip on x axis labels
+     */
+    showYAxisLablesTooltip?: boolean;
+    /**
+     *@default false
+     *Used for showing complete y axis lables   */
+    showYAxisLables?: boolean;
+    /**
+     * @default false
+     * The prop used to enable gradient fill color for the chart.
+     */
+    enableGradient?: boolean;
+    /**
+     * @default false
+     * The prop used to enable rounded corners for the bars.
+     */
+    roundCorners?: boolean;
+}
+
+/**
+ * Horizontal Bar Chart with Axis style properties
+ * {@docCategory HorizontalBarChartWithAxis}
+ */
+export declare interface IHorizontalBarChartWithAxisStyleProps extends ICartesianChartStyleProps {
+    /**
+     * color of the datapoint legend
+     */
+    legendColor?: string;
+}
+
+/**
+ * Horizontal Bar Chart with Axis styles
+ * {@docCategory HorizontalBarChartWithAxis}
+ */
+export declare interface IHorizontalBarChartWithAxisStyles extends ICartesianChartStyles {
+    /**
+     * Style for the chart label.
+     *
+     */
+    chartLabel?: IStyle;
+    /**
+     * Style for the line representing the domain of the x-axis.
+     *
+     */
+    xAxisDomain?: IStyle;
+    /**
+     * Style for the lines representing the ticks along the x-axis.
+     *
+     */
+    xAxisTicks?: IStyle;
+    /**
+     * Style for the text labeling each tick along the x-axis.
+     *
+     */
+    xAxisText?: IStyle;
+    /**
+     * Style for the line representing the domain of the y-axis.
+     *
+     */
+    yAxisDomain?: IStyle;
+    /**
+     * Style for the lines representing the ticks along the y-axis.
+     *
+     */
+    yAxisTicks?: IStyle;
+    /**
+     * Style for the text labeling each tick along the y-axis.
+     *
+     */
+    yAxisText?: IStyle;
+    /**
+     * Style to change the opacity of bars in dataviz when we hover on a single bar or legends
+     */
+    opacityChangeOnHover: IStyle;
+}
+
+/**
+ * {@docCategory IChartData}
+ */
+export declare interface IHorizontalDataPoint {
+    /**
+     * Independent value of the data point, rendered along the x-axis.
+     * If x is a number, then each y-coordinate is plotted at its x-coordinate.
+     * If x is a string, then the data is evenly spaced along the x-axis.
+     */
+    x: number;
+    /**
+     * Dependent value of the data point, rendered along the y-axis.
+     */
+    y: number;
+}
+
+/**
+ * @public
+ * ILegend interface
+ * {@docCategory Legends}
+ */
+export declare interface ILegend {
+    /**
+     * Defines the title of the legend
+     */
+    title: string;
+    /**
+     * Defines the function that is executed on clicking this legend
+     */
+    action?: VoidFunction;
+    /**
+     * Defines the function that is executed upon hovering over the legend
+     */
+    hoverAction?: VoidFunction;
+    /**
+     * Defines the function that is executed upon moving the mouse away from the legend
+     */
+    onMouseOutAction?: (isLegendFocused?: boolean) => void;
+    /**
+     * The color for the legend
+     */
+    color: string;
+    /**
+     * The opacity of the legend color
+     */
+    opacity?: number;
+    /**
+     * The shape for the legend
+     */
+    shape?: LegendShape;
+    /**
+     * Indicated whether or not to apply stripe pattern
+     */
+    stripePattern?: boolean;
+    /**
+     * Indicates if the legend belongs to a line in the Bar Chart
+     */
+    isLineLegendInBarChart?: boolean;
+    nativeButtonProps?: React_2.ButtonHTMLAttributes<HTMLButtonElement>;
+}
+
+export declare interface ILegendDataItem {
+    /**
+     * Text to be displayed for legend item.
+     */
+    legendText: string | number;
+    /**
+     * Color for the specific legend
+     */
+    legendColor: string;
+}
+
+export declare interface ILegendOverflowData {
+    primary: ILegend[];
+    overflow?: ILegend[];
+}
+
+/**
+ * @public
+ * Legend properties
+ * {@docCategory Legends}
+ */
+export declare interface ILegendsProps {
+    /**
+     * Prop that takes list of legends
+     */
+    legends: ILegend[];
+    /**
+     * Additional CSS class(es) to apply to the legneds component.
+     */
+    className?: string;
+    /**
+     * Theme (provided through customization.)
+     */
+    theme?: ITheme;
+    /**
+     * Call to provide customized styling that will layer on top of the variant rules.
+     */
+    styles?: IStyleFunctionOrObject<ILegendStyleProps, ILegendsStyles>;
+    /**
+     * This prop makes the legends component align itself to the center in the container it is sitting in
+     */
+    centerLegends?: boolean;
+    /**
+     * Enable the legends to wrap lines if there is not enough space to show all legends on a single line
+     */
+    enabledWrapLines?: boolean;
+    /**
+     * props for the overflow set component
+     */
+    overflowProps?: Partial<IOverflowSetProps>;
+    /**
+     * focus zone props in hover card
+     */
+    focusZonePropsInHoverCard?: IFocusZoneProps;
+    /**
+     * text for overflow legends string
+     */
+    overflowText?: string;
+    /**
+     * prop that decides if legends are focusable
+     * @default true
+     */
+    allowFocusOnLegends?: boolean;
+    /**
+     * prop that decide if we can select multiple legends or single legend at a time
+     * @default false
+     */
+    canSelectMultipleLegends?: boolean;
+    /**
+     * Defines the function that is executed upon hiding of hover card
+     * make sure to send prop  when  the prop  is canSelectMultipleLegends is set to true
+     * and empty the selected state legends
+     */
+    onLegendHoverCardLeave?: VoidFunction;
+    /**
+     * Callback issued when the selected option changes.
+     */
+    onChange?: (selectedLegends: string[], event: React_2.MouseEvent<HTMLButtonElement>, currentLegend?: ILegend) => void;
+    /**
+     * Keys (title) that will be initially used to set selected items.
+     * This prop is used for multiSelect scenarios.
+     * In other cases, defaultSelectedLegend should be used.
+     */
+    defaultSelectedLegends?: string[];
+    /**
+     * Key that will be initially used to set selected item.
+     * This prop is used for singleSelect scenarios.
+     */
+    defaultSelectedLegend?: string;
+    /**
+     * The shape for the legend.
+     */
+    shape?: LegendShape;
+}
+
+/**
+ * @public
+ * Legends styles
+ * {@docCategory Legends}
+ */
+export declare interface ILegendsStyles {
+    /**
+     * Style set for the root of the legend component
+     */
+    root: IStyle;
+    /**
+     * Style set for Legend. This is a wrapping class for text of legend and the rectange box that represents a legend
+     */
+    legend: IStyle;
+    /**
+     * Style set for the rectangle that represents a legend
+     */
+    rect: IStyle;
+    /**
+     * styles set for the shape that represents a legend
+     */
+    shape: IStyle;
+    /**
+     * Style set for the triangle that represents a legend
+     */
+    triangle: IStyle;
+    /**
+     * Style for the legend text
+     */
+    text: IStyle;
+    /**
+     * Style for the legend text
+     */
+    hoverChange: IStyle;
+    /**
+     * Style for the text that indicates the no.of legends that are in hovercard due to lack of space
+     */
+    overflowIndicationTextStyle: IStyle;
+    /**
+     * Style for the overflow container
+     */
+    hoverCardRoot: IStyle;
+    /**
+     * sub component styles
+     */
+    subComponentStyles: ILegendSubComponentStyles;
+}
+
+/**
+ * @public
+ * Legend style properties
+ * {@docCategory Legends}
+ */
+export declare interface ILegendStyleProps {
+    theme?: ITheme;
+    className?: string;
+    colorOnSelectedState?: string;
+    borderColor?: string;
+    opacity?: number;
+    overflow?: boolean;
+    stripePattern?: boolean;
+    isLineLegendInBarChart?: boolean;
+}
+
+/**
+ * @public
+ * {@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.
+     * If x is a number, then each y-coordinate is plotted at its x-coordinate.
+     * If data type on x is Date, then the data is spaced evenly by d3-scale
+     */
+    x: number | Date;
+    /**
+     * Dependent value of the data point, rendered along the y-axis.
+     */
+    y: number;
+    /**
+     * Defines the function that is executed on clicking  line
+     */
+    onDataPointClick?: () => void;
+    /**
+     * Callout data for x axis
+     */
+    xAxisCalloutData?: string;
+    /**
+     * Callout data for y axis
+     */
+    yAxisCalloutData?: string | {
+        [id: string]: number;
+    };
+    /**
+     * Whether to hide callout data for the point.
+     */
+    hideCallout?: boolean;
+    /**
+     * Accessibility data for callout
+     */
+    callOutAccessibilityData?: IAccessibilityProps;
+    /**
+     * X axis Accessibility data for callout
+     */
+    xAxisCalloutAccessibilityData?: IAccessibilityProps;
+}
+
+/**
+ * {@docCategory IChartData}
+ */
+export declare interface ILineChartGap {
+    /**
+     * Starting index of the gap.
+     */
+    startIndex: number;
+    /**
+     * Ending index of the gap.
+     */
+    endIndex: number;
+}
+
+/**
+ * {@docCategory IChartProps}
+ */
+export declare interface ILineChartLineOptions extends SVGProps<SVGPathElement> {
+    /**
+     * Width of the line/stroke.
+     * Overrides the strokeWidth set on ICartesianChartProps level.
+     * @see https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-width
+     */
+    strokeWidth?: number | string;
+    /**
+     * Pattern of dashes and gaps.
+     * @see https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray
+     */
+    strokeDasharray?: string | number;
+    /**
+     * Offset on rendering of stroke dash array.
+     * @see https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dashoffset
+     */
+    strokeDashoffset?: string | number;
+    /**
+     * Shape at the end of a subpath.
+     * Default round.
+     * @see https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-linecap
+     */
+    strokeLinecap?: 'butt' | 'round' | 'square' | 'inherit';
+    /**
+     * Width of border around the line. Default no border.
+     */
+    lineBorderWidth?: string | number;
+    /**
+     * Color of border around the line. Default white.
+     */
+    lineBorderColor?: string;
+}
+
+/**
+ * {@docCategory IChartData}
+ */
+export declare interface ILineChartPoints {
+    /**
+     * Legend text for the datapoint in the chart
+     */
+    legend: string;
+    /**
+     * The shape for the legend
+     * default: show the rect legend
+     */
+    legendShape?: LegendShape;
+    /**
+     * dataPoints for the line chart
+     */
+    data: ILineChartDataPoint[];
+    /**
+     * gaps in the line chart where a line is not drawn
+     */
+    gaps?: ILineChartGap[];
+    /**
+     * color for the legend in the chart
+     */
+    color?: string;
+    /**
+     * opacity for chart fill color
+     */
+    opacity?: number;
+    /**
+     * options for the line drawn
+     */
+    lineOptions?: ILineChartLineOptions;
+    /**
+     * hide dots for points that are not active
+     */
+    hideNonActiveDots?: boolean;
+    /**
+     * Defines the function that is executed on clicking this legend
+     */
+    onLegendClick?: (selectedLegend: string | null | string[]) => void;
+    /**
+     * Defines the function that is executed on clicking  line
+     */
+    onLineClick?: () => void;
+}
+
+/**
+ * Line Chart properties
+ * {@docCategory LineChart}
+ */
+export declare interface ILineChartProps 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?: IStyleFunctionOrObject<ILineChartStyleProps, ILineChartStyles>;
+    /**
+     * Show event annotation
+     */
+    eventAnnotationProps?: IEventsAnnotationProps;
+    /**
+     * Define a custom callout renderer for a data point
+     */
+    onRenderCalloutPerDataPoint?: IRenderFunction<ICustomizedCalloutData>;
+    /**
+     * Define a custom callout renderer for a stack; default is to render per data point
+     */
+    onRenderCalloutPerStack?: IRenderFunction<ICustomizedCalloutData>;
+    /**
+     * Callback for getting callout description message
+     */
+    getCalloutDescriptionMessage?: (calloutDataProps: ICustomizedCalloutData) => string | undefined;
+    colorFillBars?: IColorFillBarsProps[];
+    /**
+     * if this is set to true, then for each line there will be a unique shape assigned to the point,
+     * there are total 8 shapes which are as follow circle, square, triangele, diamond, pyramid,
+     *  hexagon, pentagon and octagon, which will get assigned as respectively, if there are more
+     * than 8 lines in the line chart then it will again start from cicle to octagon.
+     * setting this flag to true will also change the behavior of the points, like for a
+     * line, last point shape and first point shape will be visible all the times, and all
+     * other points will get enlarge only when hovered over them
+     * if set to false default shape will be circle, with the existing behavior
+     * @default false
+     */
+    allowMultipleShapesForPoints?: boolean;
+    optimizeLargeData?: boolean;
+    /**
+     * The prop used to define the culture to localized the numbers
+     */
+    culture?: string;
+    /**
+     * @default false
+     * The prop used to enable the perf optimization
+     */
+    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;
+    /**
+     * onClick action for each datapoint in the chart
+     */
+    onClick?: VoidFunction;
+    /**
+     * Whether to use the secondary y scale or not
+     * False by default.
+     */
+    useSecondaryYScale?: boolean;
+}
+
+/**
+ * {@docCategory IChartData}
+ */
+export declare interface ILineDataInVerticalStackedBarChart {
+    y: number;
+    color: string;
+    legend: string;
+    /**
+     * Data to show in callout
+     */
+    data?: number;
+    yAxisCalloutData?: string;
+    /**
+     * Whether to use the secondary y scale or not
+     * False by default.
+     */
+    useSecondaryYScale?: boolean;
+}
+
+/**
+ * {@docCategory IChartProps}
+ */
+export declare interface IMargins {
+    /**
+     * left margin for the chart.
+     */
+    left?: number;
+    /**
+     * Right margin for the chart.
+     */
+    right?: number;
+    /**
+     * Top margin for the chart.
+     */
+    top?: number;
+    /**
+     * Bottom margin for the chart.
+     */
+    bottom?: number;
+}
+
+declare interface IMargins_2 {
+    /**
+     * left margin for the chart.
+     * @default 40
+     */
+    left?: number;
+    /**
+     * Right margin for the chart.
+     * @default 20
+     */
+    right?: number;
+    /**
+     * Top margin for the chart.
+     * @default 20
+     */
+    top?: number;
+    /**
+     * Bottom margin for the chart.
+     * @default 35
+     */
+    bottom?: number;
+}
+
+export declare interface IModifiedCartesianChartProps extends ICartesianChartProps {
+    /**
+     * Define the chart title
+     */
+    chartTitle?: string;
+    /**
+     * Only used for Area chart
+     * Value used to draw y axis of that chart.
+     */
+    maxOfYVal?: number;
+    /**
+     * Data of the chart
+     */
+    points: any;
+    /**
+     * Define type of the chart
+     */
+    chartType: ChartTypes;
+    /** X axis type */
+    xAxisType: XAxisTypes;
+    /** Y axis type */
+    yAxisType?: YAxisType;
+    /**
+     * Legends of the chart.
+     */
+    legendBars: JSX.Element | null;
+    /**
+     * Callout props
+     */
+    calloutProps: Partial<ICalloutProps> & {
+        isCalloutVisible: boolean;
+        id: string;
+        YValueHover?: IYValueHover[];
+        hoverXValue?: string | number | null;
+        legend?: string;
+        color?: string;
+        YValue?: string | number;
+        XValue?: string;
+        descriptionMessage?: string;
+    };
+    /**
+     * Callback method used for to get margins to the chart.
+     */
+    getmargins?: (margins: IMargins) => void;
+    /**
+     * This is a call back method to the chart from cartesian chart.
+     * params are xScale, yScale, containerHeight, containerWidth. These values were used to draw the graph.
+     * It also contians an optional param xAxisElement - defines as x axis scale element.
+     * This param used to enable feature word wrap of Xaxis.
+     */
+    getGraphData?: any;
+    /**
+     * Used for bar chart graphs.
+     * To define width of the bar
+     */
+    barwidth?: number;
+    /**
+     * Used for tick styles of the x axis of the chart
+     * Tick params are applicable for date axis only.
+     */
+    tickParams?: {
+        tickValues?: number[] | Date[];
+        tickFormat?: string;
+    };
+    /**
+     * it's padding between bar's or lines in the graph
+     */
+    xAxisPadding?: number;
+    /**
+     * it's padding between bar's or lines in the graph
+     */
+    yAxisPadding?: number;
+    /**
+     * Children elements specific to derived chart types.
+     */
+    children(props: IChildProps): React_2.ReactNode;
+    /**
+     * To enable callout for individualbar or complete stack. Using for only Vertical stacked bar chart.
+     * @default false
+     * @type \{boolean \}
+     */
+    isCalloutForStack?: boolean;
+    /** dataset values to find out domain of the String axis
+     * Present using for only vertical stacked bar chart and grouped vertical bar chart
+     */
+    datasetForXAxisDomain?: string[];
+    /** Own callout design */
+    customizedCallout?: any;
+    /**
+     * if the data points for the y-axis is of type string, then we need to give this
+     * prop to construct the y-axis
+     */
+    stringDatasetForYAxisDomain?: string[];
+    /**
+     * Focus zone direction to the chart
+     * @default FocusZoneDirection.horizontal
+     */
+    focusZoneDirection?: FocusZoneDirection;
+    /**
+     * props to send into the chart hover card
+     */
+    chartHoverProps?: IChartHoverCardProps;
+    /**
+     * props to send to the focuszone
+     */
+    svgFocusZoneProps?: IFocusZoneProps;
+    /**
+     * The prop used to define the culture to localize the numbers and date
+     */
+    culture?: string;
+    getAxisData?: any;
+    /**
+     * Callback method used when mouse leaves the chart boundary.
+     */
+    onChartMouseLeave?: () => void;
+    /** Callback method to get extra margins for domain */
+    getDomainMargins?: (containerWidth: number) => IMargins;
+    /** Padding between each bar/line-point */
+    xAxisInnerPadding?: number;
+    /** Padding before first bar/line-point and after last bar/line-point */
+    xAxisOuterPadding?: number;
+    /**
+     *@default false
+     *Used for to elipse y axis labes and show tooltip on x axis labels
+     */
+    showYAxisLablesTooltip?: boolean;
+    /**
+     *@default false
+     *Used for showing complete y axis lables   */
+    showYAxisLables?: boolean;
+    /**
+     * @default false
+     * Used to control the first render cycle Performance optimization code.
+     */
+    enableFirstRenderOptimization?: boolean;
+    /**
+     * Get the min and max values of the y-axis
+     */
+    getMinMaxOfYAxis: (points: ILineChartPoints[] | IHorizontalBarChartWithAxisDataPoint[] | IVerticalBarChartDataPoint[] | IDataPoint[], yAxisType: YAxisType | undefined) => {
+        startValue: number;
+        endValue: number;
+    };
+    /**
+     * Create the y-axis
+     */
+    createYAxis: (yAxisParams: IYAxisParams, isRtl: boolean, axisData: IAxisData, isIntegralDataset: boolean, useSecondaryYScale?: boolean) => ScaleLinear<number, number, never>;
+    /**
+     * 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;
+    /**
+     * Create the string y-axis
+     */
+    createStringYAxis: (yAxisParams: IYAxisParams, dataPoints: string[], isRtl: boolean, barWidth: number | undefined) => ScaleBand<string>;
+}
+
+/**
+ * Multi Stacked Bar Chart properties
+ * {@docCategory MultiStackedBarChart}
+ */
+export declare interface IMultiStackedBarChartProps {
+    /**
+     * An array of chart data points for the multistacked bar chart
+     */
+    data?: IChartProps[];
+    /**
+     * Width of bar chart
+     */
+    width?: number;
+    /**
+     * Height of bar chart
+     * @default 15
+     */
+    barHeight?: number;
+    /**
+     * Additional CSS class(es) to apply to the StackedBarChart.
+     */
+    className?: string;
+    /**
+     * Theme (provided through customization.)
+     */
+    theme?: ITheme;
+    /**
+     * This property tells whether to show ratio on top of stacked bar chart or not.
+     * This property is applicable only if there are 1 or 2 datapoints.
+     */
+    hideRatio?: boolean[];
+    /**
+     * Do not show the legend at the bottom of chart
+     *
+     * @default false
+     */
+    hideLegend?: boolean;
+    /**
+     * Do not show tooltips in chart
+     *
+     * @default false
+     */
+    hideTooltip?: boolean;
+    /**
+     * Call to provide customized styling that will layer on top of the variant rules.
+     */
+    styles?: IStyleFunctionOrObject<IMultiStackedBarChartStyleProps, IMultiStackedBarChartStyles>;
+    /**
+     * Url that the data-viz needs to redirect to upon clicking on it
+     */
+    href?: string;
+    /**
+     * If this value is set to true the denominator will not be shown for the ratio above the chart
+     * This prop is applicable only if hide ratio is false and there are exactly 2 datapoints.
+     */
+    hideDenominator?: boolean[];
+    /**
+     * overflow props for legend
+     */
+    legendsOverflowProps?: Partial<IOverflowSetProps>;
+    /**
+     * text for overflow legends string
+     */
+    legendsOverflowText?: string;
+    /**
+     * focus zone props in hover card for legends
+     */
+    focusZonePropsForLegendsInHoverCard?: IFocusZoneProps;
+    /**
+     * props for the legends in the chart
+     */
+    legendProps?: Partial<ILegendsProps>;
+    /**
+     * Define a custom callout renderer for a data point
+     */
+    onRenderCalloutPerDataPoint?: IRenderFunction<IChartDataPoint>;
+    /**
+     * props for the callout in the chart
+     */
+    calloutProps?: Partial<ICalloutProps>;
+    /**
+     * The prop used to define the culture to localized the numbers
+     */
+    culture?: string;
+    /**
+     * Prop to define the variant of MultiStackedBarChart to render
+     * @default MultiStackedBarChartVariant.PartToWhole
+     */
+    variant?: MultiStackedBarChartVariant;
+    /**
+     * Prop to hide the bar labels
+     * @default false
+     */
+    hideLabels?: boolean;
+    /**
+     * @default false
+     * The prop used to enable gradient fill color for the chart.
+     */
+    enableGradient?: boolean;
+    /**
+     * @default false
+     * The prop used to enable rounded corners for the chart.
+     */
+    roundCorners?: boolean;
+}
+
+/**
+ * Multi Stacked Bar Chart style properties
+ * {@docCategory MultiStackedBarChart}
+ */
+export declare interface IMultiStackedBarChartStyleProps {
+    /**
+     * Theme (provided through customization.)
+     */
+    theme: ITheme;
+    /**
+     * Additional CSS class(es) to apply to the StackedBarChart.
+     */
+    className?: string;
+    /**
+     * Width of the chart.
+     */
+    width?: number;
+    /**
+     * barHeight for each chart
+     */
+    barHeight?: number;
+    /**
+     * color of the datapoint legend
+     */
+    legendColor?: string;
+    /**
+     * prop to check if the chart is selcted or hovered upon to determine opacity
+     */
+    shouldHighlight?: boolean;
+    /**
+     * prop to check to decide cursor type
+     */
+    href?: string;
+    /**
+     * Prop to define the variant of MultiStackedBarChart to render
+     */
+    variant?: MultiStackedBarChartVariant;
+    /**
+     * Prop to hide the bar labels
+     */
+    hideLabels?: boolean;
+}
+
+/**
+ * Multi Stacked Bar Chart styles
+ * {@docCategory MultiStackedBarChart}
+ */
+export declare interface IMultiStackedBarChartStyles {
+    /**
+     * Styling for the root container
+     */
+    root: IStyle;
+    /**
+     * Styling for the root container of each chart in the multistacked bar chart
+     */
+    singleChartRoot: IStyle;
+    /**
+     * Styling for each item in the container
+     */
+    items: IStyle;
+    /**
+     * Styling for each svg in the multistacked bar chart
+     */
+    chart: IStyle;
+    /**
+     * Styling for chart title of the stacked bar chart
+     */
+    chartTitle: IStyle;
+    /**
+     * Style for left side text of the chart title
+     */
+    chartTitleLeft: IStyle;
+    /**
+     * Style to change the opacity of bars in dataviz when we hover on a single bar or legends
+     */
+    opacityChangeOnHover: IStyle;
+    /**
+     * Style for the chart ratio numerator
+     */
+    ratioNumerator: IStyle;
+    /**
+     * Style for the chart ratio denominator
+     */
+    ratioDenominator: IStyle;
+    /**
+     * Style to change the opacity of placeholder data point when we hover a single bar or legend
+     */
+    placeHolderOnHover: IStyle;
+    /**
+     * Style for the legends container
+     */
+    legendContainer: IStyle;
+    /**
+     * Style for stacked bar chart with no data
+     */
+    noData: IStyle;
+    /**
+     * Style for the bar labels
+     */
+    barLabel: IStyle;
+    /**
+     * Style for the div containing the chart
+     */
+    chartWrapper: IStyle;
+}
+
+export declare interface IPieChart {
+}
+
+/**
+ * Pie Chart properties
+ * {@docCategory PieChart}
+ */
+export declare interface IPieChartProps {
+    /**
+     * Data to render in the chart.
+     */
+    data?: IDataPoint[];
+    /**
+     * Width of the chart.
+     */
+    width?: number;
+    /**
+     * Height of the chart.
+     */
+    height?: number;
+    /**
+     * colors to render in the chart.
+     */
+    colors?: string[];
+    /**
+     * Title to apply to the whole chart.
+     */
+    chartTitle?: string;
+    /**
+     * Additional CSS class(es) to apply to the PieChart.
+     */
+    className?: string;
+    /**
+     * Theme (provided through customization.)
+     */
+    theme?: ITheme;
+    /**
+     * Call to provide customized styling that will layer on top of the variant rules.
+     */
+    styles?: IStyleFunctionOrObject<IPieChartStyleProps, IPieChartStyles>;
+    /**
+     * Width of line stroke
+     */
+    strokeWidth?: number;
+    /**
+     * The prop used to define the culture to localized the numbers
+     */
+    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.
+     */
+    root?: IStyle;
+    /**
+     * Style for the chart.
+     */
+    chart?: IStyle;
+    /**
+     * Style for the chart Title.
+     */
+    chartTitle?: IStyle;
+}
+
+export declare interface IRefArrayData {
+    index?: string;
+    refElement?: SVGGElement;
+}
+
+/**
+ * Set of strings which are used when rendering accessibility information within the chart.
+ */
+export declare interface ISankeyChartAccessibilityProps {
+    /**
+     * Aria label for when the chart is empty.
+     */
+    emptyAriaLabel?: string;
+    /**
+     * A value similar to "node \{0\} with weight \{1\}".
+     * \{0\} is the name of the node.
+     * \{1\} is the weight of the node (as computed by the sankey layout engine via the links to or from this node).
+     */
+    nodeAriaLabel?: string;
+    /**
+     * A value similar to "link from \{0\} to $\{1\} with weight $\{2\}".
+     * \{0\} is the source node, \{1\} is the target node, and \{2\} is the value of the link.
+     */
+    linkAriaLabel?: string;
+}
+
+/**
+ * {@docCategory IChartData}
+ */
+export declare interface ISankeyChartData {
+    nodes: SNode[];
+    links: SLink[];
+}
+
+/**
+ * Sankey Chart properties
+ * {@docCategory SankeyChart}
+ */
+export declare interface ISankeyChartProps {
+    /**
+     * Data to render in the chart.
+     */
+    data: IChartProps;
+    /**
+     * Width of the chart.
+     */
+    width?: number;
+    /**
+     * Height of the chart.
+     */
+    height?: number;
+    /**
+     * Additional CSS class(es) to apply to the SankeyChart.
+     */
+    className?: string;
+    /**
+     * Theme (provided through customization.)
+     */
+    theme?: ITheme;
+    /**
+     * Call to provide customized styling that will layer on top of the variant rules.
+     */
+    styles?: IStyleFunctionOrObject<ISankeyChartStyleProps, ISankeyChartStyles>;
+    /**
+     * this prop takes its parent as a HTML element to define the width and height of the Sankey chart
+     */
+    parentRef?: HTMLElement | null;
+    /**
+     * should chart resize when parent resize.
+     */
+    shouldResize?: number;
+    /**
+     * Color for path
+     */
+    pathColor?: string;
+    /**
+     * Colors for nodes
+     */
+    colorsForNodes?: string[];
+    /**
+     * Colors for nodes border
+     */
+    borderColorsForNodes?: string[];
+    /**
+     * Localized strings to show in the UX.
+     */
+    strings?: ISankeyChartStrings;
+    /**
+     * Localized strings to use for the chart's accessibility features.
+     */
+    accessibility?: ISankeyChartAccessibilityProps;
+    /**
+     * Format node and link values.
+     */
+    formatNumberOptions?: Intl.NumberFormatOptions;
+    /**
+     * Prop to disable shrinking of the chart beyond a certain limit and enable scrolling when the chart overflows
+     * @default true
+     */
+    enableReflow?: boolean;
+}
+
+/**
+ * Set of strings which are used when rendering the chart.
+ */
+export declare interface ISankeyChartStrings {
+    /**
+     * A value similar to "from \{0\}" where \{0\} is the name of the source node for a link.
+     * This is shown in the `ChartHoverCard` when the user hovers the mouse over a link.
+     */
+    linkFrom?: string;
+}
+
+/**
+ * Sankey Chart style properties
+ * {@docCategory SankeyChart}
+ */
+export declare interface ISankeyChartStyleProps {
+    theme: ITheme;
+    className?: string;
+    width: number;
+    height: number;
+    pathColor?: string;
+}
+
+/**
+ * Sankey Chart styles
+ * {@docCategory SankeyChart}
+ */
+export declare interface ISankeyChartStyles {
+    /**
+     *  Style for the root element.
+     */
+    root?: IStyle;
+    /**
+     *  Style for the nodes.
+     */
+    nodes?: IStyle;
+    /**
+     *  Style for the links.
+     */
+    links?: IStyle;
+    /**
+     *  Style for the text inside node.
+     */
+    nodeTextContainer?: IStyle;
+    /**
+     *  Style for the tooltip ,when user hover over the truncated node detail.
+     */
+    toolTip?: IStyle;
+    /**
+     *  Style for the tooltip ,when user hover over the truncated node detail.
+     */
+    calloutContentRoot?: IStyle;
+    /**
+     * Styles for the chart wrapper div
+     */
+    chartWrapper?: IStyle;
+}
+
+export declare interface IShapeProps {
+    svgProps: React_2.SVGAttributes<SVGElement>;
+    pathProps: React_2.SVGAttributes<SVGPathElement>;
+    shape: LegendShape;
+    classNameForNonSvg?: string;
+}
+
+declare interface ISLinkExtra {
+    /**
+     * The index within `ISankeyChartData.nodes` of the source node.
+     */
+    source: number;
+    /**
+     * The index within `ISankeyChartData.nodes` of the target node.
+     */
+    target: number;
+    /**
+     * The weight of this link between the two nodes.
+     */
+    value: number;
+    unnormalizedValue?: number;
+}
+
+declare interface ISNodeExtra {
+    /**
+     * A unique identifier for this node.
+     */
+    nodeId: number | string;
+    /**
+     * The display name for this node in the UX.
+     */
+    name: string;
+    color?: string;
+    borderColor?: string;
+    actualValue?: number;
+    layer?: number;
+}
+
+/**
+ * Sparkline properties
+ * {@docCategory SparklineChart}
+ */
+export declare interface ISparklineProps {
+    /**
+     * An array of chart data points for the Sparkline chart
+     */
+    data?: IChartProps;
+    /**
+     * Width of chart
+     * * @default 80
+     */
+    width?: number;
+    /**
+     * Height of chart
+     * @default 20
+     */
+    height?: number;
+    /**
+     * Width of value text
+     * * @default 80
+     */
+    valueTextWidth?: number;
+    /**
+     * Additional CSS class(es) to apply to the SparklineChart.
+     */
+    className?: string;
+    /**
+     * Theme (provided through customization.)
+     */
+    theme?: ITheme;
+    /**
+     * The prop used to define the culture to localized the numbers
+     */
+    culture?: string;
+    /**
+     * Prop used to determine whether to show the legend or not
+     */
+    showLegend?: boolean;
+    /**
+     * Call to provide customized styling that will layer on top of the variant rules.
+     */
+    styles?: IStyleFunctionOrObject<ISparklineStyleProps, ISparklineStyles>;
+}
+
+export declare interface ISparklineStyleProps extends ICartesianChartStyleProps {
+}
+
+/**
+ * Sparkline styles
+ * {@docCategory SparklineChart}
+ */
+export declare interface ISparklineStyles {
+    inlineBlock?: IStyle;
+    valueText?: IStyle;
+}
+
+export declare interface IStackedBarChart {
+}
+
+/**
+ * Stacked Bar Chart properties
+ * {@docCategory StackedBarChart}
+ */
+export declare interface IStackedBarChartProps {
+    /**
+     * Data to render in the chart.
+     */
+    data?: IChartProps;
+    /**
+     * Benchmark Data to render in the chart.
+     */
+    benchmarkData?: IChartDataPoint;
+    /**
+     * Target Data to render in the chart.
+     */
+    targetData?: IChartDataPoint;
+    /**
+     * Width of the chart.
+     */
+    width?: number;
+    /**
+     * Height of each bar in the chart.
+     */
+    barHeight?: number;
+    /**
+     * Do not show the legend at the bottom of chart
+     * when there are more than two datapoints
+     *
+     * @default false
+     */
+    hideLegend?: boolean;
+    /**
+     * Do not show number/ratio on top of bar
+     *
+     * @default false
+     */
+    hideNumberDisplay?: boolean;
+    /**
+     * Do not show tooltips in chart
+     *
+     * @default false
+     */
+    hideTooltip?: boolean;
+    /**
+     * Additional CSS class(es) to apply to the StackedBarChart.
+     */
+    className?: string;
+    /**
+     * Theme (provided through customization.)
+     */
+    theme?: ITheme;
+    /**
+     * Call to provide customized styling that will layer on top of the variant rules.
+     */
+    styles?: IStyleFunctionOrObject<IStackedBarChartStyleProps, IStackedBarChartStyles>;
+    /**
+     * Color setting of bar background color, this will show while all data points value is 0
+     */
+    barBackgroundColor?: string;
+    /**
+     * Url that the data-viz needs to redirect to upon clicking on it
+     */
+    href?: string;
+    /**
+     * If this value is set, the fixed display pattern for less than 2 data points chart will be ignore
+     */
+    ignoreFixStyle?: boolean;
+    /**
+     * If this value is set to true the denominator will not be shown for the ratio above the chart
+     */
+    hideDenominator?: boolean;
+    /**
+     * Enable the legends to wrap lines if there is not enough space to show all legends on a single line
+     */
+    enabledLegendsWrapLines?: boolean;
+    /**
+     * overflow props for the legend
+     */
+    legendsOverflowProps?: Partial<IOverflowSetProps>;
+    /**
+     * text for overflow legends string
+     */
+    legendsOverflowText?: string;
+    /**
+     * focus zone props in hover card for legends
+     */
+    focusZonePropsForLegendsInHoverCard?: IFocusZoneProps;
+    /**
+     * props for the legends in the chart
+     */
+    legendProps?: Partial<ILegendsProps>;
+    /**
+     * Define a custom callout renderer for a data point
+     */
+    onRenderCalloutPerDataPoint?: IRenderFunction<IChartDataPoint>;
+    /**
+     * props for the callout in the chart
+     */
+    calloutProps?: Partial<ICalloutProps>;
+    /**
+     * The prop used to define the culture to localized the numbers
+     */
+    culture?: string;
+    /**
+     * @default false
+     * The prop used to enable gradient fill color for the chart.
+     */
+    enableGradient?: boolean;
+    /**
+     * @default false
+     * The prop used to enable rounded corners for the chart.
+     */
+    roundCorners?: boolean;
+}
+
+/**
+ * Stacked Bar Chart style properties
+ * {@docCategory StackedBarChart}
+ */
+export declare interface IStackedBarChartStyleProps {
+    /**
+     * Theme (provided through customization.)
+     */
+    theme: ITheme;
+    /**
+     * Additional CSS class(es) to apply to the StackedBarChart.
+     */
+    className?: string;
+    /**
+     * Width of the chart.
+     */
+    width?: number;
+    /**
+     * Height of bar in the chart.
+     */
+    barHeight?: number;
+    /**
+     * prop to show data of the chart with appropriate legend color
+     */
+    legendColor?: string;
+    /**
+     * prop to check if the chart is selcted or hovered upon to determine opacity
+     */
+    shouldHighlight?: boolean;
+    /**
+     * prop to check which specific section of the stacked bar chart is selected or hovered upon
+     */
+    isChartSelected?: boolean;
+    /**
+     * prop to check to decide cursor type
+     */
+    href?: string;
+    /**
+     * the color for the benchmark triangle
+     */
+    benchmarkColor?: string;
+    /**
+     * the ratio position for the benchmark triangle
+     */
+    benchmarkRatio?: number;
+    /**
+     * the color for the target triangle
+     */
+    targetColor?: string;
+    /**
+     * the ratio position for the target triangle
+     */
+    targetRatio?: number;
+    /**
+     * prop to check if benchmark data or target data is provided
+     */
+    showTriangle?: boolean;
+}
+
+/**
+ * Stacked Bar Chart styles
+ * {@docCategory StackedBarChart}
+ */
+export declare interface IStackedBarChartStyles {
+    /**
+     *  Style for the root element.
+     */
+    root: IStyle;
+    /**
+     * Style for the chart.
+     */
+    chart: IStyle;
+    /**
+     * Style for the chart Title.
+     */
+    chartTitle: IStyle;
+    /**
+     * Style for left side text of the chart title
+     */
+    chartTitleLeft: IStyle;
+    /**
+     * Style for the legend container div
+     */
+    legendContainer: IStyle;
+    /**
+     * Style to change the opacity of bars in dataviz when we hover on a single bar or legends
+     */
+    opacityChangeOnHover: IStyle;
+    /**
+     * Style for the chart ratio numerator
+     */
+    ratioNumerator: IStyle;
+    /**
+     * Style for the chart ratio denominator
+     */
+    ratioDenominator: IStyle;
+    /**
+     * Style for the benchmark container
+     */
+    benchmarkContainer: IStyle;
+    /**
+     * Style for the benchmark triangle
+     */
+    benchmark: IStyle;
+    /**
+     * Style for the target triangle
+     */
+    target: IStyle;
+}
+
+declare interface ITextboxProps {
+    text: string;
+    width: number;
+    x: number;
+    y: number;
+    lineHeight: number;
+    textAnchor?: 'start' | 'middle' | 'end';
+    fontSize?: string;
+    fill?: string;
+}
+
+/**
+ * {@docCategory TreeChart}
+ */
+export declare interface ITreeChartDataPoint {
+    /**
+     * Node main text
+     */
+    name: string;
+    /**
+     * Subtext value (optional)
+     */
+    subname?: string;
+    /**
+     * Bodytext value (optional)
+     */
+    bodytext?: string;
+    /**
+     * Metric text value (optional)
+     */
+    metric?: string;
+    /**
+     * Color of the rectangular box
+     */
+    fill: string;
+    /**
+     * Recursive datastructure for child node object
+     */
+    children?: Array<ITreeChartDataPoint>;
+}
+
+export declare interface ITreeDataStructure {
+    /**
+     * Node id of each node
+     */
+    id: number;
+    /**
+     * Children node object
+     */
+    children: Array<ITreeDataStructure>;
+    /**
+     * Node main text
+     */
+    dataName: string;
+    /**
+     * Subtext value (optional)
+     */
+    subName?: string;
+    /**
+     * Bodytext value (optional)
+     */
+    bodyText?: string;
+    /**
+     * Metric text value (optional)
+     */
+    metricName?: string;
+    /**
+     * Color of the rectangular box
+     */
+    fill: string;
+    /**
+     * X-coordindate of node
+     */
+    x: number;
+    /**
+     * Y-coordindate of node
+     */
+    y: number;
+    /**
+     * Node id of each node's parent
+     */
+    parentID: number;
+}
+
+/**
+ * Tree Chart properties
+ * {@docCategory TreeChart}
+ */
+export declare interface ITreeProps {
+    /**
+     * An object of chart data points for the Tree chart
+     */
+    treeData: ITreeChartDataPoint;
+    /**
+     * compostion for three layer chart, long: composition = 1; compact: composition = 0
+     */
+    composition?: NodesComposition.long | NodesComposition.compact;
+    /**
+     * Node Width Size for the Tree Layout
+     * * @default 75
+     */
+    layoutWidth?: number;
+    /**
+     * traversal order for tree chart, preOrder = 1, levelOrder = 0
+     */
+    treeTraversal?: TreeTraverse.preOrder | TreeTraverse.levelOrder;
+    /**
+     * Width of SVG tree chart
+     * * @default 1500
+     */
+    width?: number;
+    /**
+     * Height of SVG tree chart
+     * * @default 700
+     */
+    height?: number;
+    /**
+     * Margins for the chart
+     * @default `{ top: 30, bottom: 30, left: 50, right: 20 }`
+     * To avoid edge cuttings to the chart, we recommend you use default values or greater then default values
+     */
+    margins?: IMargins;
+    /**
+     * Call to provide customized styling that will layer on top of the variant rules.
+     */
+    styles?: IStyleFunctionOrObject<ITreeStyleProps, ITreeStyles>;
+    /**
+     * Additional CSS class(es) to apply to the TreeChart.
+     */
+    className?: string;
+    /**
+     * Theme (provided through customization.)
+     */
+    theme?: ITheme;
+}
+
+export declare interface ITreeState {
+    /**
+     * Width of SVG tree chart
+     * * @default 1500
+     */
+    _width: number;
+    /**
+     * Height of SVG tree chart
+     * * @default 700
+     */
+    _height: number;
+    /**
+     * Layout Width of SVG tree chart
+     * * @default 75
+     */
+    _layoutWidth?: number;
+}
+
+/**
+ * Tree Chart style properties
+ * {@docCategory TreeChart}
+ */
+export declare interface ITreeStyleProps {
+    /**
+     * Theme (provided through customization.)
+     */
+    theme: ITheme;
+    /**
+     * Additional CSS class(es) to apply to the TreeChart.
+     */
+    className?: string;
+}
+
+/**
+ * Tree Chart styles
+ * {@docCategory TreeChart}
+ */
+export declare interface ITreeStyles {
+    /**
+     *  Style for the root element.
+     */
+    root: IStyle;
+    /**
+     *  Style for the Link/Path element.
+     */
+    link: IStyle;
+    /**
+     *  Style for rectangular Node
+     */
+    rectNode: IStyle;
+    /**
+     *  Style for the node main Text
+     */
+    rectText: IStyle;
+    /**
+     *  Style for the node sub Text
+     */
+    rectSubText: IStyle;
+    /**
+     *  Style for the node body Text
+     */
+    rectBodyText: IStyle;
+    /**
+     *  Style for the node metric value Text
+     */
+    rectMetricText: IStyle;
+}
+
+/**
+ * {@docCategory IChartData}
+ */
+export declare interface IVerticalBarChartDataPoint {
+    /**
+     * Independent value of the data point, rendered along the x-axis.
+     * If x is a number, then each y-coordinate is plotted at its x-coordinate.
+     * If x is a string, then the data is evenly spaced along the x-axis.
+     */
+    x: number | string | Date;
+    /**
+     * Dependent value of the data point, rendered along the y-axis.
+     */
+    y: number;
+    /**
+     * Legend text for the datapoint in the chart
+     */
+    legend?: string;
+    /**
+     * color for the legend in the chart
+     */
+    color?: string;
+    /**
+     * Gradient for the legend in the chart. If not provided, it will fallback on the default color palette.
+     * If provided, it will override the color prop. granted `enableGradient` is set to true for the chart.
+     */
+    gradient?: [string, string];
+    /**
+     * Callout data for x axis
+     * This is an optional prop, If haven;t given legend will take
+     */
+    xAxisCalloutData?: string;
+    /**
+     * Callout data for y axis
+     * This is an optional prop, If haven't given data will take
+     */
+    yAxisCalloutData?: string;
+    /**
+     * data to render the line along with bars
+     */
+    lineData?: ILineDataInVerticalBarChart;
+    /**
+     * onClick action for each datapoint in the chart
+     */
+    onClick?: VoidFunction;
+    /**
+     * Accessibility data for callout
+     */
+    callOutAccessibilityData?: IAccessibilityProps;
+}
+
+/**
+ * Vertical Bar Chart properties
+ * {@docCategory VerticalBarChart}
+ */
+export declare interface IVerticalBarChartProps extends ICartesianChartProps {
+    /**
+     * Data to render in the chart.
+     */
+    data?: IVerticalBarChartDataPoint[];
+    /**
+     * Define a custom callout renderer for a data point.
+     */
+    onRenderCalloutPerDataPoint?: IRenderFunction<IVerticalBarChartDataPoint>;
+    /**
+     * Width of each bar in the chart. When set to `undefined` or `'default'`, the bar width defaults to 16px,
+     * which may decrease to prevent overlap. When set to `'auto'`, the bar width is calculated from padding values.
+     * @default 16
+     */
+    barWidth?: number | 'default' | 'auto';
+    /**
+     * Colors from which to select the color of each bar.
+     */
+    colors?: string[];
+    /**
+     * chart title for the chart
+     */
+    chartTitle?: string;
+    /**
+     * Legend text for the line datapoint in the chart
+     */
+    lineLegendText?: string;
+    /**
+     * color for the legend  of the line in the chart
+     * @default theme.yellow
+     */
+    lineLegendColor?: string;
+    /**
+     * This prop makes sure that all the bars are of same color.
+     * it will take the first color from the array of colors in
+     * prop `colors` or if  `colors` prop is not given then default color is  palette.blueLight
+     * @default false
+     */
+    useSingleColor?: boolean;
+    /**
+     * Call to provide customized styling that will layer on top of the variant rules.
+     */
+    styles?: IStyleFunctionOrObject<IVerticalBarChartStyleProps, IVerticalBarChartStyles>;
+    /**
+     * The prop used to define the culture to localized the numbers
+     */
+    culture?: string;
+    /**
+     * it's padding between bar's or lines in the graph
+     */
+    xAxisPadding?: number;
+    /**
+     * options for the line drawn
+     */
+    lineOptions?: ILineChartLineOptions;
+    /**
+     * Prop to hide the bar labels
+     * @default false
+     */
+    hideLabels?: boolean;
+    /**
+     * Maximum width of a bar, in pixels.
+     * @default 24
+     */
+    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;
+    /**
+     * @default false
+     * The prop used to enable gradient fill color for the chart.
+     */
+    enableGradient?: boolean;
+    /**
+     * @default false
+     * The prop used to enable rounded corners for the chart.
+     */
+    roundCorners?: boolean;
+}
+
+/**
+ * Vertical Bar Chart style properties
+ * {@docCategory VerticalBarChart}
+ */
+export declare interface IVerticalBarChartStyleProps extends ICartesianChartStyleProps {
+    /**
+     * color of the datapoint legend
+     */
+    legendColor?: string;
+}
+
+/**
+ * Vertical Bar Chart styles
+ * {@docCategory VerticalBarChart}
+ */
+export declare interface IVerticalBarChartStyles extends ICartesianChartStyles {
+    /**
+     * Style for the chart label.
+     * @deprecated This style cannot be customized anymore
+     */
+    chartLabel?: IStyle;
+    /**
+     * Style for the line representing the domain of the x-axis.
+     * @deprecated This style cannot be customized anymore
+     */
+    xAxisDomain?: IStyle;
+    /**
+     * Style for the lines representing the ticks along the x-axis.
+     * @deprecated This style cannot be customized anymore
+     */
+    xAxisTicks?: IStyle;
+    /**
+     * Style for the text labeling each tick along the x-axis.
+     * @deprecated This style cannot be customized anymore
+     */
+    xAxisText?: IStyle;
+    /**
+     * Style for the line representing the domain of the y-axis.
+     * @deprecated This style cannot be customized anymore
+     */
+    yAxisDomain?: IStyle;
+    /**
+     * Style for the lines representing the ticks along the y-axis.
+     * @deprecated This style cannot be customized anymore
+     */
+    yAxisTicks?: IStyle;
+    /**
+     * Style for the text labeling each tick along the y-axis.
+     * @deprecated This style cannot be customized anymore
+     */
+    yAxisText?: IStyle;
+    /**
+     * Style to change the opacity of bars in dataviz when we hover on a single bar or legends
+     */
+    opacityChangeOnHover: IStyle;
+    /**
+     * Style for the bar labels
+     */
+    barLabel: IStyle;
+}
+
+/**
+ * Vertical Stacked Bar Chart properties
+ * {@docCategory VerticalStackedBarChart}
+ */
+export declare interface IVerticalStackedBarChartProps extends ICartesianChartProps {
+    /**
+     * Data to render in the chart.
+     */
+    data: IVerticalStackedChartProps[];
+    /**
+     * Width of each bar in the chart. When set to `undefined` or `'default'`, the bar width defaults to 16px,
+     * which may decrease to prevent overlap. When set to `'auto'`, the bar width is calculated from padding values.
+     */
+    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
+     * the height of that stack, with a minimum size of 1px and a maximum given by
+     * this prop.
+     * @default 0
+     */
+    barGapMax?: number;
+    /**
+     * Corner radius of the bars
+     * @default 0
+     */
+    barCornerRadius?: number;
+    /**
+     * The minimum height of a bar; bars below this height will be displayed at
+     * this height. Note that this setting will result in the height of these data
+     * points not being to scale.
+     * @default 0
+     */
+    barMinimumHeight?: number;
+    /**
+     * Colors from which to select the color of each bar.
+     * @deprecated Not using this prop. DIrectly taking color from given data.
+     */
+    colors?: string[];
+    /**
+     * chart title for the chart
+     */
+    chartTitle?: string;
+    /**
+     * To display multi stack callout or single callout
+     * @default flase
+     */
+    isCalloutForStack?: boolean;
+    /**
+     * Call to provide customized styling that will layer on top of the variant rules.
+     */
+    styles?: IStyleFunctionOrObject<IVerticalStackedBarChartStyleProps, IVerticalStackedBarChartStyles>;
+    /**
+     * Define a custom callout renderer for a stack; default is to render per data point
+     */
+    onRenderCalloutPerStack?: IRenderFunction<IVerticalStackedChartProps>;
+    /**
+     * Define a custom callout renderer for a data point
+     */
+    onRenderCalloutPerDataPoint?: IRenderFunction<IVSChartDataPoint>;
+    /**
+     * props for the callout in the chart
+     */
+    calloutProps?: Partial<ICalloutProps>;
+    /**
+     * yMinValue is not supported for bar charts, so only allow "undefined"
+     */
+    yMinValue?: undefined;
+    /**
+     * Allow hover actions on the legend
+     * @default true
+     */
+    allowHoverOnLegend?: boolean;
+    /**
+     * Click handler for bars; type of data is dependant on isCalloutForStack
+     */
+    onBarClick?: (event: React_2.MouseEvent<SVGElement>, data: IVerticalStackedChartProps | IVSChartDataPoint) => void;
+    /**
+     * The prop used to define the culture to localized the numbers
+     */
+    culture?: string;
+    /**
+     * it's padding between bar's or lines in the graph
+     */
+    xAxisPadding?: number;
+    /**
+     * options for the line drawn
+     */
+    lineOptions?: ILineChartLineOptions;
+    /**
+     * Prop to hide the bar labels
+     * @default false
+     */
+    hideLabels?: boolean;
+    /**
+     * Maximum width of a bar, in pixels.
+     * @default 24
+     */
+    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;
+    /**
+     * @default false
+     * The prop used to enable gradient fill color for the chart.
+     */
+    enableGradient?: boolean;
+    /**
+     * @default false
+     * The prop used to enable rounded corners for the chart.
+     */
+    roundCorners?: 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
+     */
+    opacityChangeOnHover?: IStyle;
+    /**
+     * Style for the bar labels
+     */
+    barLabel: IStyle;
+    /**
+     * Style for the chart.
+     * @deprecated use root instead.
+     */
+    chart?: IStyle;
+    /**
+     * Style for the line representing the domain of the x-axis.
+     * @deprecated - use xAxis instead.
+     */
+    xAxisDomain?: IStyle;
+    /**
+     * Style for the lines representing the ticks along the x-axis.
+     * @deprecated - use xAxis instead.
+     */
+    xAxisTicks?: IStyle;
+    /**
+     * Style for the text labeling each tick along the x-axis.
+     * @deprecated - use xAxis instead.
+     */
+    xAxisText?: IStyle;
+    /**
+     * Style for the line representing the domain of the y-axis.
+     * @deprecated - use xAxis instead.
+     */
+    yAxisDomain?: IStyle;
+    /**
+     * Style for the lines representing the ticks along the y-axis.
+     * @deprecated - use xAxis instead.
+     */
+    yAxisTicks?: IStyle;
+    /**
+     * Style for the text labeling each tick along the y-axis.
+     * @deprecated - use xAxis instead.
+     */
+    yAxisText?: IStyle;
+}
+
+/**
+ * {@docCategory IChartData}
+ */
+export declare interface IVerticalStackedBarDataPoint extends Omit<IDataPoint, 'x'> {
+    /**
+     * Independent value of the data point, rendered along the x-axis.
+     * If x is a number, then each y-coordinate is plotted at its x-coordinate.
+     * If x is a string, then the data is evenly spaced along the x-axis.
+     * If data type on x is Date, then the data is spaced evenly by d3-scale.
+     */
+    x: number | string | Date;
+}
+
+/**
+ * {@docCategory IChartProps}
+ */
+export declare interface IVerticalStackedChartProps {
+    /**
+     * data for the points in the chart
+     */
+    chartData: IVSChartDataPoint[];
+    /**
+     * Data for x axis label for multistacked Vertical bar chart
+     */
+    xAxisPoint: number | string | Date;
+    /**
+     * Callout data for x axis
+     * This is an optional prop, If haven't given, legend will take
+     */
+    xAxisCalloutData?: string;
+    /**
+     * line data to render lines on stacked bar chart
+     */
+    lineData?: ILineDataInVerticalStackedBarChart[];
+    /**
+     * Accessibility data for Whole stack callout
+     */
+    stackCallOutAccessibilityData?: IAccessibilityProps;
+}
+
+/**
+ * {@docCategory IChartData}
+ */
+export declare interface IVSChartDataPoint {
+    /**
+     * data the datapoint in the chart
+     */
+    data: number;
+    /**
+     * Legend text for the datapoint in the chart
+     */
+    legend: string;
+    /**
+     * color for the legend in the chart
+     */
+    color?: string;
+    /**
+     * Gradient for the legend in the chart. If not provided, it will fallback on the default color palette.
+     * If provided, it will override the color prop. granted `enableGradient` is set to true for the chart.
+     */
+    gradient?: [string, string];
+    /**
+     * Callout data for x axis
+     * This is an optional prop, If haven;t given legend will take
+     */
+    xAxisCalloutData?: string;
+    /**
+     * Callout data for y axis
+     * This is an optional prop, If haven't given data will take
+     */
+    yAxisCalloutData?: string;
+    /**
+     * Accessibility data for callout
+     */
+    callOutAccessibilityData?: IAccessibilityProps;
+}
+
+declare interface IYAxisParams {
+    yMinMaxValues?: {
+        startValue: number;
+        endValue: number;
+    };
+    maxOfYVal?: number;
+    margins: IMargins_2;
+    containerWidth: number;
+    containerHeight: number;
+    yAxisElement?: SVGSVGElement | null;
+    yAxisTickFormat?: any;
+    yAxisTickCount: number;
+    yMaxValue?: number;
+    yMinValue?: number;
+    tickPadding?: number;
+    eventAnnotationProps?: IEventsAnnotationProps;
+    eventLabelHeight?: number;
+    yAxisPadding?: number;
+}
+
+export declare interface IYValueHover {
+    legend?: string;
+    y?: number;
+    color?: string;
+    data?: string | number;
+    shouldDrawBorderBottom?: boolean;
+    yAxisCalloutData?: string | {
+        [id: string]: number;
+    };
+    index?: number;
+    callOutAccessibilityData?: IAccessibilityProps;
+}
+
+/**
+ * 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
+ * {@docCategory LineChart}
+ */
+export declare const LineChart: React_2.FunctionComponent<ILineChartProps>;
+
+/**
+ * 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
+     */
+    long = 1,
+    /**
+     * NodeComposition enum val for compact: number = 0
+     */
+    compact = 0
+}
+
+/**
+ * Piechart component
+ * {@docCategory PieChart}
+ */
+export declare const PieChart: React_2.FunctionComponent<IPieChartProps>;
+
+/**
+ * we need to make sure that if we add any property to this, then
+ * we need to also add that in  pointTypes below and vise-versa
+ */
+declare enum Points {
+    circle = 0,
+    square = 1,
+    triangle = 2,
+    diamond = 3,
+    pyramid = 4,
+    hexagon = 5,
+    pentagon = 6,
+    octagon = 7
+}
+
+/**
+ * Sankeychart component
+ * {@docCategory SankeyChart}
+ */
+export declare const SankeyChart: React_2.FunctionComponent<ISankeyChartProps>;
+
+export declare const Shape: React_2.FC<IShapeProps>;
+
+export declare type SLink = SankeyLink<ISNodeExtra, ISLinkExtra>;
+
+export declare type SNode = SankeyNode<ISNodeExtra, ISLinkExtra>;
+
+/**
+ * Sparkline component
+ * {@docCategory Sparkline}
+ */
+export declare const Sparkline: React_2.FunctionComponent<ISparklineProps>;
+
+/**
+ * StackedBarchart component
+ * {@docCategory StackedBarChart}
+ */
+export declare const StackedBarChart: React_2.FunctionComponent<IStackedBarChartProps>;
+
+export declare const Textbox: React_2.FunctionComponent<ITextboxProps>;
+
+/**
+ * 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
+     */
+    preOrder = 1,
+    /**
+     * TreeTraverse enum val for levelOrder: number = 0
+     */
+    levelOrder = 0
+}
+
+/**
+ * VerticalBarchart component
+ * {@docCategory VerticalBarChart}
+ */
+export declare const VerticalBarChart: React_2.FunctionComponent<IVerticalBarChartProps>;
+
+/**
+ * VerticalStackedBarchart component
+ * {@docCategory VerticalStackedBarChart}
+ */
+export declare const VerticalStackedBarChart: React_2.FunctionComponent<IVerticalStackedBarChartProps>;
+
+declare enum XAxisTypes {
+    NumericAxis = 0,
+    DateAxis = 1,
+    StringAxis = 2
+}
+
+declare enum YAxisType {
+    NumericAxis = 0,
+    DateAxis = 1,
+    StringAxis = 2
+}
+
+export { }