@fluentui/react-charting 5.24.11 → 5.24.13

package/lib/types/IDataPoint.js.map

@@ -1 +1 @@
-{"version":3,"file":"IDataPoint.js","sourceRoot":"../src/","sources":["types/IDataPoint.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport { SankeyLink, SankeyNode } from 'd3-sankey';\nimport { LegendShape } from '../components/Legends/Legends.types';\nimport { CurveFactory } from 'd3-shape';\n\nexport interface IBasestate {\n  _width?: number;\n  _height?: number;\n  activeLegend?: string;\n  color?: string;\n  dataForHoverCard?: number | string;\n  isCalloutVisible: boolean;\n  isLegendSelected?: boolean;\n  isLegendHovered?: boolean;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  refSelected?: any;\n  YValueHover?: { legend?: string; y?: number | string; color?: string }[];\n  hoverYValue?: string | number | null;\n  hoverXValue?: string | number | null;\n  xCalloutValue?: string;\n  yCalloutValue?: string;\n  lineColor?: string;\n  hoveredLineColor?: string;\n  selectedLegend?: string;\n  containerWidth?: number;\n  containerHeight?: number;\n}\n\nexport interface IRefArrayData {\n  index?: string;\n  refElement?: SVGGElement;\n}\n\n/**\n * {@docCategory IChartProps}\n */\nexport interface IMargins {\n  /**\n   * left margin for the chart.\n   */\n  left?: number;\n  /**\n   * Right margin for the chart.\n   */\n  right?: number;\n  /**\n   * Top margin for the chart.\n   */\n  top?: number;\n  /**\n   * Bottom margin for the chart.\n   */\n  bottom?: number;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface IDataPoint {\n  /**\n   * Independent value of the data point, rendered along the x-axis.\n   * If x is a number, then each y-coordinate is plotted at its x-coordinate.\n   * If x is a string, then the data is evenly spaced along the x-axis.\n   */\n  x: number | string;\n\n  /**\n   * Dependent value of the data point, rendered along the y-axis.\n   */\n  y: number;\n\n  // NOTE: VerticalStackedBarChart, PieChart\n  /**\n   * onClick action for each datapoint in the chart\n   */\n  onClick?: VoidFunction;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface IVerticalStackedBarDataPoint extends Omit<IDataPoint, 'x'> {\n  /**\n   * Independent value of the data point, rendered along the x-axis.\n   * If x is a number, then each y-coordinate is plotted at its x-coordinate.\n   * If x is a string, then the data is evenly spaced along the x-axis.\n   * If data type on x is Date, then the data is spaced evenly by d3-scale.\n   */\n  x: number | string | Date;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface IHorizontalDataPoint {\n  /**\n   * Independent value of the data point, rendered along the x-axis.\n   * If x is a number, then each y-coordinate is plotted at its x-coordinate.\n   * If x is a string, then the data is evenly spaced along the x-axis.\n   */\n  x: number;\n\n  /**\n   * Dependent value of the data point, rendered along the y-axis.\n   */\n  y: number;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface IChartDataPoint {\n  /**\n   * Legend text for the datapoint in the chart\n   */\n  legend?: string;\n\n  /**\n   * data the datapoint in the chart\n   */\n  data?: number;\n\n  /**\n   * data the datapoint in the chart\n   */\n  horizontalBarChartdata?: IHorizontalDataPoint;\n\n  /**\n   * onClick action for each datapoint in the chart\n   */\n  onClick?: VoidFunction;\n\n  /**\n   * Color for the legend in the chart. If not provided, it will fallback on the default color palette.\n   */\n  color?: string;\n\n  /**\n   * Gradient for the legend in the chart. If not provided, it will fallback on the default color palette.\n   * If provided, it will override the color prop. granted `enableGradient` is set to true for the chart.\n   */\n  gradient?: [string, string];\n\n  /**\n   * placeholder data point\n   */\n  placeHolder?: boolean;\n\n  /**\n   * Callout data for x axis\n   * This is an optional prop, If haven;t given legend will take\n   */\n  xAxisCalloutData?: string;\n\n  /**\n   * Callout data for y axis\n   * This is an optional prop, If haven't given data will take\n   */\n  yAxisCalloutData?: string;\n\n  /**\n   * Accessibility data for callout\n   */\n  callOutAccessibilityData?: IAccessibilityProps;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface IVerticalBarChartDataPoint {\n  /**\n   * Independent value of the data point, rendered along the x-axis.\n   * If x is a number, then each y-coordinate is plotted at its x-coordinate.\n   * If x is a string, then the data is evenly spaced along the x-axis.\n   */\n  x: number | string | Date;\n\n  /**\n   * Dependent value of the data point, rendered along the y-axis.\n   */\n  y: number;\n\n  /**\n   * Legend text for the datapoint in the chart\n   */\n  legend?: string;\n\n  /**\n   * color for the legend in the chart\n   */\n  color?: string;\n\n  /**\n   * Gradient for the legend in the chart. If not provided, it will fallback on the default color palette.\n   * If provided, it will override the color prop. granted `enableGradient` is set to true for the chart.\n   */\n  gradient?: [string, string];\n\n  /**\n   * Callout data for x axis\n   * This is an optional prop, If haven;t given legend will take\n   */\n  xAxisCalloutData?: string;\n\n  /**\n   * Callout data for y axis\n   * This is an optional prop, If haven't given data will take\n   */\n  yAxisCalloutData?: string;\n\n  /**\n   * data to render the line along with bars\n   */\n  lineData?: ILineDataInVerticalBarChart;\n\n  /**\n   * onClick action for each datapoint in the chart\n   */\n  onClick?: VoidFunction;\n\n  /**\n   * Accessibility data for callout\n   */\n  callOutAccessibilityData?: IAccessibilityProps;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface IHorizontalBarChartWithAxisDataPoint {\n  /**\n   * Dependent value of the data point, rendered along the x-axis.\n   */\n  x: number;\n\n  /**\n   * Independent value of the data point, rendered along the y-axis.\n   * If y is a number, then each y-coordinate is plotted at its y-coordinate.\n   * If y is a string, then the data is evenly spaced along the y-axis.\n   */\n  y: number | string;\n\n  /**\n   * Legend text for the datapoint in the chart\n   */\n  legend?: string;\n\n  /**\n   * color for the legend in the chart\n   */\n  color?: string;\n\n  /**\n   * Gradient for the legend in the chart. If not provided, it will fallback on the default color palette.\n   * If provided, it will override the color prop. granted `enableGradient` is set to true for the chart.\n   */\n  gradient?: [string, string];\n\n  /**\n   * Callout data for x axis\n   * This is an optional prop, If haven;t given legend will take\n   */\n  xAxisCalloutData?: string;\n\n  /**\n   * Callout data for y axis\n   * This is an optional prop, If haven't given data will take\n   */\n  yAxisCalloutData?: string;\n\n  /**\n   * onClick action for each datapoint in the chart\n   */\n  onClick?: VoidFunction;\n\n  /**\n   * Accessibility data for callout\n   */\n  callOutAccessibilityData?: IAccessibilityProps;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface ILineDataInVerticalBarChart {\n  y: IVerticalBarChartDataPoint['y'];\n  yAxisCalloutData?: string | undefined;\n\n  /**\n   * onClick action for each datapoint in the chart\n   */\n  onClick?: VoidFunction;\n  /**\n   * Whether to use the secondary y scale or not\n   * False by default.\n   */\n  useSecondaryYScale?: boolean;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface IBaseDataPoint {\n  /**\n   * Defines the function that is executed on clicking  line\n   */\n  onDataPointClick?: () => void;\n\n  /**\n   * Callout data for x axis\n   */\n  xAxisCalloutData?: string;\n\n  /**\n   * Callout data for y axis\n   */\n  yAxisCalloutData?: string | { [id: string]: number };\n\n  /**\n   * Whether to hide callout data for the point.\n   */\n  hideCallout?: boolean;\n\n  /**\n   * Accessibility data for callout\n   */\n  callOutAccessibilityData?: IAccessibilityProps;\n\n  /**\n   * X axis Accessibility data for callout\n   */\n  xAxisCalloutAccessibilityData?: IAccessibilityProps;\n\n  /**\n   * Marker size of the points\n   */\n  markerSize?: number;\n\n  /**\n   * text labels of marker points\n   */\n  text?: string;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface ILineChartDataPoint extends IBaseDataPoint {\n  /**\n   * Independent value of the data point, rendered along the x-axis.\n   * If x is a number, then each y-coordinate is plotted at its x-coordinate.\n   * If data type on x is Date, then the data is spaced evenly by d3-scale\n   */\n  x: number | Date;\n\n  /**\n   * Dependent value of the data point, rendered along the y-axis.\n   */\n  y: number;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface ILineChartGap {\n  /**\n   * Starting index of the gap.\n   */\n  startIndex: number;\n\n  /**\n   * Ending index of the gap.\n   */\n  endIndex: number;\n}\n\n/**\n * {@docCategory IChartProps}\n */\nexport interface ILineChartLineOptions extends React.SVGProps<SVGPathElement> {\n  /**\n   * Width of the line/stroke.\n   * Overrides the strokeWidth set on ICartesianChartProps level.\n   * @see https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-width\n   */\n  strokeWidth?: number | string;\n\n  /**\n   * Pattern of dashes and gaps.\n   * @see https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray\n   */\n  strokeDasharray?: string | number;\n\n  /**\n   * Offset on rendering of stroke dash array.\n   * @see https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dashoffset\n   */\n  strokeDashoffset?: string | number;\n\n  /**\n   * Shape at the end of a subpath.\n   * Default round.\n   * @see https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-linecap\n   */\n  strokeLinecap?: 'butt' | 'round' | 'square' | 'inherit';\n\n  /**\n   * Width of border around the line. Default no border.\n   */\n  lineBorderWidth?: string | number;\n\n  /**\n   * Color of border around the line. Default white.\n   */\n  lineBorderColor?: string;\n\n  /**\n   * Defines the type of interpolation used to render the line.\n   * @default 'linear'\n   */\n  curve?: 'linear' | 'natural' | 'step' | 'stepAfter' | 'stepBefore' | CurveFactory;\n\n  /**\n   * Defines the mode of points to be rendered.\n   */\n  mode?:\n    | 'lines'\n    | 'markers'\n    | 'text'\n    | 'lines+markers'\n    | 'text+markers'\n    | 'text+lines'\n    | 'text+lines+markers'\n    | 'none'\n    | 'gauge'\n    | 'number'\n    | 'delta'\n    | 'number+delta'\n    | 'gauge+number'\n    | 'gauge+number+delta'\n    | 'gauge+delta'\n    | 'markers+text'\n    | 'lines+text';\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface ILineChartPoints {\n  /**\n   * Legend text for the datapoint in the chart\n   */\n  legend: string;\n\n  /**\n   * The shape for the legend\n   * default: show the rect legend\n   */\n  legendShape?: LegendShape;\n\n  /**\n   * dataPoints for the line chart\n   */\n  data: ILineChartDataPoint[];\n\n  /**\n   * gaps in the line chart where a line is not drawn\n   */\n  gaps?: ILineChartGap[];\n\n  /**\n   * color for the legend in the chart\n   */\n  color?: string;\n\n  /**\n   * opacity for chart fill color\n   */\n  opacity?: number;\n\n  /**\n   * options for the line drawn\n   */\n  lineOptions?: ILineChartLineOptions;\n\n  /**\n   * hide dots for points that are not active\n   */\n  hideNonActiveDots?: boolean;\n\n  /**\n   * Defines the function that is executed on clicking this legend\n   */\n  onLegendClick?: (selectedLegend: string | null | string[]) => void;\n\n  /**\n   * Defines the function that is executed on clicking  line\n   */\n  onLineClick?: () => void;\n\n  /**\n   * Whether to use the secondary y scale or not\n   * False by default.\n   */\n  useSecondaryYScale?: boolean;\n}\n\n/**\n * {@docCategory IChartProps}\n */\nexport interface IChartProps {\n  /**\n   * chart title for the chart\n   */\n  chartTitle?: string;\n\n  /**\n   * Accessibility data for chart title\n   */\n  chartTitleAccessibilityData?: IAccessibilityProps;\n  /**\n   * data for the points in the chart\n   */\n  chartData?: IChartDataPoint[];\n\n  /**\n   * Accessibility data for chart data\n   */\n  chartDataAccessibilityData?: IAccessibilityProps;\n\n  /**\n   * data for the points in the line chart\n   */\n  lineChartData?: ILineChartPoints[];\n\n  /**\n   * data for the points in the scatter chart\n   */\n  scatterChartData?: IScatterChartPoints[];\n\n  /**\n   * data for the points in the line chart\n   */\n  SankeyChartData?: ISankeyChartData;\n\n  /**\n   * data for the points in the line chart\n   */\n  pointOptions?: React.SVGProps<SVGCircleElement>;\n\n  /**\n   * data for the dotted line on hovering the point\n   */\n  pointLineOptions?: React.SVGProps<SVGLineElement>;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface ISankeyChartData {\n  nodes: SNode[];\n  links: SLink[];\n}\n\ninterface ISNodeExtra {\n  /**\n   * A unique identifier for this node.\n   */\n  nodeId: number | string;\n  /**\n   * The display name for this node in the UX.\n   */\n  name: string;\n  color?: string;\n  borderColor?: string;\n  actualValue?: number;\n  layer?: number;\n}\n\ninterface ISLinkExtra {\n  /**\n   * The index within `ISankeyChartData.nodes` of the source node.\n   */\n  source: number;\n  /**\n   * The index within `ISankeyChartData.nodes` of the target node.\n   */\n  target: number;\n  /**\n   * The weight of this link between the two nodes.\n   */\n  value: number;\n  unnormalizedValue?: number;\n}\n\nexport type SNode = SankeyNode<ISNodeExtra, ISLinkExtra>;\nexport type SLink = SankeyLink<ISNodeExtra, ISLinkExtra>;\n\n/**\n * {@docCategory IChartProps}\n */\nexport interface IAccessibilityProps {\n  /**\n   * Accessibility aria-label\n   */\n  ariaLabel?: string;\n\n  /**\n   * Accessibility aria-labelledBy\n   */\n  ariaLabelledBy?: string;\n\n  /**\n   * Accessibility aria-describedBy\n   */\n  ariaDescribedBy?: string;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface IVSChartDataPoint {\n  /**\n   * data the datapoint in the chart\n   */\n  data: number | string;\n\n  /**\n   * Legend text for the datapoint in the chart\n   */\n  legend: string;\n\n  /**\n   * color for the legend in the chart\n   */\n  color?: string;\n\n  /**\n   * Gradient for the legend in the chart. If not provided, it will fallback on the default color palette.\n   * If provided, it will override the color prop. granted `enableGradient` is set to true for the chart.\n   */\n  gradient?: [string, string];\n\n  /**\n   * Callout data for x axis\n   * This is an optional prop, If haven;t given legend will take\n   */\n  xAxisCalloutData?: string;\n\n  /**\n   * Callout data for y axis\n   * This is an optional prop, If haven't given data will take\n   */\n  yAxisCalloutData?: string;\n\n  /**\n   * Accessibility data for callout\n   */\n  callOutAccessibilityData?: IAccessibilityProps;\n}\n\n/**\n * {@docCategory IChartProps}\n */\nexport interface IVerticalStackedChartProps {\n  /**\n   * data for the points in the chart\n   */\n  chartData: IVSChartDataPoint[];\n\n  /**\n   * Data for x axis label for multistacked Vertical bar chart\n   */\n  xAxisPoint: number | string | Date;\n\n  /**\n   * Callout data for x axis\n   * This is an optional prop, If haven't given, legend will take\n   */\n  xAxisCalloutData?: string;\n  /**\n   * line data to render lines on stacked bar chart\n   */\n  lineData?: ILineDataInVerticalStackedBarChart[];\n  /**\n   * Accessibility data for Whole stack callout\n   */\n  stackCallOutAccessibilityData?: IAccessibilityProps;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface ILineDataInVerticalStackedBarChart {\n  y: number | string;\n  color: string;\n  legend: string;\n  /**\n   * The shape for the legend\n   * default: show the rect legend\n   */\n  legendShape?: LegendShape;\n  /**\n   * Data to show in callout\n   */\n  data?: number | string;\n  yAxisCalloutData?: string;\n  /**\n   * Whether to use the secondary y scale or not\n   * False by default.\n   */\n  useSecondaryYScale?: boolean;\n  /**\n   * options for the line drawn\n   */\n  lineOptions?: ILineChartLineOptions;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface IGVBarChartSeriesPoint {\n  /**\n   * Text for // need to check use of this\n   */\n  key: string;\n\n  /**\n   * Data for bar height of Grouped vertical bar chart\n   */\n  data: number;\n\n  /**\n   * Color for the legend in the chart\n   */\n  color: string;\n\n  /**\n   * Gradient for the legend in the chart. If not provided, it will fallback on the default color palette.\n   * If provided, it will override the color prop. granted `enableGradient` is set to true for the chart.\n   */\n  gradient?: [string, string];\n\n  /**\n   * Legend text in the chart\n   */\n  legend: string;\n\n  /**\n   * Callout data for x axis\n   * This is an optional prop, If haven;t given legend will take\n   */\n  xAxisCalloutData?: string;\n\n  /**\n   * Callout data for y axis\n   * This is an optional prop, If haven't given data will take\n   */\n  yAxisCalloutData?: string;\n\n  /**\n   * onClick action for each datapoint in the chart\n   */\n  onClick?: VoidFunction;\n\n  /**\n   * Accessibility data for callout\n   */\n  callOutAccessibilityData?: IAccessibilityProps;\n\n  /**\n   * Whether to use the secondary y scale or not\n   * False by default.\n   */\n  useSecondaryYScale?: boolean;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface IGroupedVerticalBarChartData {\n  /**\n   * Data for X axis label\n   */\n  name: string;\n\n  /**\n   * Data points for Grouped vertical bar chart\n   */\n  series: IGVBarChartSeriesPoint[];\n\n  /**\n   * Accessibility data for Group Bars Stack Callout\n   */\n  stackCallOutAccessibilityData?: IAccessibilityProps;\n}\n\nexport interface IGVDataPoint {\n  /**\n   * This interface used for - While forming datapoints from given prop \"data\" in code\n   * datapoints are used for to draw graph\n   */\n  [key: string]: number | string;\n}\n\nexport interface IGVSingleDataPoint {\n  /**\n   * While forming datapoints from given prop \"data\" in code.\n   * These datapoints are used for to draw graph easily.\n   */\n  [key: string]: IGVDataPoint;\n}\n\nexport interface IGVForBarChart {\n  /**\n   * While forming datapoints from given prop \"data\"\n   * These datapoints are used for to draw graph.\n   */\n  [key: string]: IGVBarChartSeriesPoint;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface IHeatMapChartDataPoint {\n  x: string | Date | number;\n  y: string | Date | number;\n  value: number;\n  /**\n   * The value/ text to be rendered in the rectange\n   */\n  rectText?: string | number;\n  /**\n   * denomination to show in the callout\n   */\n  ratio?: [number, number];\n  /**\n   * description message to the callout\n   */\n  descriptionMessage?: string;\n\n  /**\n   * onClick action for each datapoint in the chart\n   */\n  onClick?: VoidFunction;\n  /**\n   * Accessibility data for callout\n   */\n  callOutAccessibilityData?: IAccessibilityProps;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface IHeatMapChartData {\n  /**\n   * name of the legend\n   */\n  legend: string;\n  data: IHeatMapChartDataPoint[];\n  /**\n   * This  number will be used to get the color for the legend\n   */\n  value: number;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface ICustomizedCalloutDataPoint {\n  legend: string;\n  y: number;\n  color: string;\n  xAxisCalloutData?: string;\n  yAxisCalloutData?: string | { [id: string]: number };\n}\n\n/**\n * Used for custom callout data interface. As Area chart callout data will be prepared from given props.data,\n * Those required data passing to onRenderCalloutPerDataPoint and onRenderCalloutPerStack.\n * {@docCategory IChartData}\n */\nexport interface ICustomizedCalloutData {\n  x: number | string | Date;\n  values: ICustomizedCalloutDataPoint[];\n}\n\n/**\n * {@docCategory Chart}\n */\nexport interface IChart {\n  chartContainer: HTMLElement | null;\n  toImage?: (opts?: IImageExportOptions) => Promise<string>;\n}\n\n/**\n * {@docCategory Chart}\n */\nexport interface IImageExportOptions {\n  width?: number;\n  height?: number;\n  scale?: number;\n  background?: string;\n}\n\n/**\n * {@docCategory IChartData}\n * ScatterChartDataPoint interface.\n */\nexport interface IScatterChartDataPoint extends IBaseDataPoint {\n  /**\n   * Independent value of the data point, rendered along the x-axis.\n   */\n  x: number | Date | string;\n\n  /**\n   * Dependent value of the data point, rendered along the y-axis.\n   */\n  y: number;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface IScatterChartPoints {\n  /**\n   * Legend text for the datapoint in the chart\n   */\n  legend: string;\n\n  /**\n   * The shape for the legend\n   * default: show the rect legend\n   */\n  legendShape?: LegendShape;\n\n  /**\n   * dataPoints for the line chart\n   */\n  data: IScatterChartDataPoint[];\n\n  /**\n   * color for the legend in the chart\n   */\n  color?: string;\n\n  /**\n   * opacity for chart fill color\n   */\n  opacity?: number;\n\n  /**\n   * hide dots for points that are not active\n   */\n  hideNonActiveDots?: boolean;\n\n  /**\n   * Defines the function that is executed on clicking this legend\n   */\n  onLegendClick?: (selectedLegend: string | null | string[]) => void;\n\n  /**\n   * Whether to use the secondary y scale or not\n   * False by default.\n   */\n  useSecondaryYScale?: boolean;\n}\n\n/**\n * Specifies the ordering options for axis categories in Cartesian charts.\n *\n * - `'default'`: Uses the original order before custom ordering was supported.\n *   In some charts, this behaves the same as `'data'`.\n * - `'data'`: Preserves the order of categories as provided in the input data.\n * - `string[]`: Explicitly defines the custom order of categories as an array of category names.\n * - `'category ascending' | 'category descending'`: Orders categories alphanumerically.\n * - `'total ascending' | 'total descending'`: Orders categories by the total of their associated values.\n * - `'min ascending' | 'min descending'`: Orders by the minimum value within each category.\n * - `'max ascending' | 'max descending'`: Orders by the maximum value within each category.\n * - `'sum ascending' | 'sum descending'`: Orders by the sum of values for each category (same as 'total').\n * - `'mean ascending' | 'mean descending'`: Orders by the average of values in each category.\n * - `'median ascending' | 'median descending'`: Orders by the median value of each category.\n *\n * {@docCategory CartesianChart}\n */\nexport type AxisCategoryOrder =\n  | 'default'\n  | 'data'\n  | string[]\n  | 'category ascending'\n  | 'category descending'\n  | 'total ascending'\n  | 'total descending'\n  | 'min ascending'\n  | 'min descending'\n  | 'max ascending'\n  | 'max descending'\n  | 'sum ascending'\n  | 'sum descending'\n  | 'mean ascending'\n  | 'mean descending'\n  | 'median ascending'\n  | 'median descending';\n"]}
+{"version":3,"file":"IDataPoint.js","sourceRoot":"../src/","sources":["types/IDataPoint.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport { SankeyLink, SankeyNode } from 'd3-sankey';\nimport { LegendShape } from '../components/Legends/Legends.types';\nimport { CurveFactory } from 'd3-shape';\n\nexport interface IBasestate {\n  _width?: number;\n  _height?: number;\n  activeLegend?: string;\n  color?: string;\n  dataForHoverCard?: number | string;\n  isCalloutVisible: boolean;\n  isLegendSelected?: boolean;\n  isLegendHovered?: boolean;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  refSelected?: any;\n  YValueHover?: { legend?: string; y?: number | string; color?: string }[];\n  hoverYValue?: string | number | null;\n  hoverXValue?: string | number | null;\n  xCalloutValue?: string;\n  yCalloutValue?: string;\n  lineColor?: string;\n  hoveredLineColor?: string;\n  selectedLegend?: string;\n  containerWidth?: number;\n  containerHeight?: number;\n}\n\nexport interface IRefArrayData {\n  index?: string;\n  refElement?: SVGGElement;\n}\n\n/**\n * {@docCategory IChartProps}\n */\nexport interface IMargins {\n  /**\n   * left margin for the chart.\n   */\n  left?: number;\n  /**\n   * Right margin for the chart.\n   */\n  right?: number;\n  /**\n   * Top margin for the chart.\n   */\n  top?: number;\n  /**\n   * Bottom margin for the chart.\n   */\n  bottom?: number;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface IDataPoint {\n  /**\n   * Independent value of the data point, rendered along the x-axis.\n   * If x is a number, then each y-coordinate is plotted at its x-coordinate.\n   * If x is a string, then the data is evenly spaced along the x-axis.\n   */\n  x: number | string;\n\n  /**\n   * Dependent value of the data point, rendered along the y-axis.\n   */\n  y: number;\n\n  // NOTE: VerticalStackedBarChart, PieChart\n  /**\n   * onClick action for each datapoint in the chart\n   */\n  onClick?: VoidFunction;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface IVerticalStackedBarDataPoint extends Omit<IDataPoint, 'x'> {\n  /**\n   * Independent value of the data point, rendered along the x-axis.\n   * If x is a number, then each y-coordinate is plotted at its x-coordinate.\n   * If x is a string, then the data is evenly spaced along the x-axis.\n   * If data type on x is Date, then the data is spaced evenly by d3-scale.\n   */\n  x: number | string | Date;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface IHorizontalDataPoint {\n  /**\n   * Independent value of the data point, rendered along the x-axis.\n   * If x is a number, then each y-coordinate is plotted at its x-coordinate.\n   * If x is a string, then the data is evenly spaced along the x-axis.\n   */\n  x: number;\n\n  /**\n   * Dependent value of the data point, rendered along the y-axis.\n   */\n  y: number;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface IChartDataPoint {\n  /**\n   * Legend text for the datapoint in the chart\n   */\n  legend?: string;\n\n  /**\n   * data the datapoint in the chart\n   */\n  data?: number;\n\n  /**\n   * data the datapoint in the chart\n   */\n  horizontalBarChartdata?: IHorizontalDataPoint;\n\n  /**\n   * onClick action for each datapoint in the chart\n   */\n  onClick?: VoidFunction;\n\n  /**\n   * Color for the legend in the chart. If not provided, it will fallback on the default color palette.\n   */\n  color?: string;\n\n  /**\n   * Gradient for the legend in the chart. If not provided, it will fallback on the default color palette.\n   * If provided, it will override the color prop. granted `enableGradient` is set to true for the chart.\n   */\n  gradient?: [string, string];\n\n  /**\n   * placeholder data point\n   */\n  placeHolder?: boolean;\n\n  /**\n   * Callout data for x axis\n   * This is an optional prop, If haven;t given legend will take\n   */\n  xAxisCalloutData?: string;\n\n  /**\n   * Callout data for y axis\n   * This is an optional prop, If haven't given data will take\n   */\n  yAxisCalloutData?: string;\n\n  /**\n   * Accessibility data for callout\n   */\n  callOutAccessibilityData?: IAccessibilityProps;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface IVerticalBarChartDataPoint {\n  /**\n   * Independent value of the data point, rendered along the x-axis.\n   * If x is a number, then each y-coordinate is plotted at its x-coordinate.\n   * If x is a string, then the data is evenly spaced along the x-axis.\n   */\n  x: number | string | Date;\n\n  /**\n   * Dependent value of the data point, rendered along the y-axis.\n   */\n  y: number;\n\n  /**\n   * Legend text for the datapoint in the chart\n   */\n  legend?: string;\n\n  /**\n   * color for the legend in the chart\n   */\n  color?: string;\n\n  /**\n   * Gradient for the legend in the chart. If not provided, it will fallback on the default color palette.\n   * If provided, it will override the color prop. granted `enableGradient` is set to true for the chart.\n   */\n  gradient?: [string, string];\n\n  /**\n   * Callout data for x axis\n   * This is an optional prop, If haven;t given legend will take\n   */\n  xAxisCalloutData?: string;\n\n  /**\n   * Callout data for y axis\n   * This is an optional prop, If haven't given data will take\n   */\n  yAxisCalloutData?: string;\n\n  /**\n   * data to render the line along with bars\n   */\n  lineData?: ILineDataInVerticalBarChart;\n\n  /**\n   * onClick action for each datapoint in the chart\n   */\n  onClick?: VoidFunction;\n\n  /**\n   * Accessibility data for callout\n   */\n  callOutAccessibilityData?: IAccessibilityProps;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface IHorizontalBarChartWithAxisDataPoint {\n  /**\n   * Dependent value of the data point, rendered along the x-axis.\n   */\n  x: number;\n\n  /**\n   * Independent value of the data point, rendered along the y-axis.\n   * If y is a number, then each y-coordinate is plotted at its y-coordinate.\n   * If y is a string, then the data is evenly spaced along the y-axis.\n   */\n  y: number | string;\n\n  /**\n   * Legend text for the datapoint in the chart\n   */\n  legend?: string;\n\n  /**\n   * color for the legend in the chart\n   */\n  color?: string;\n\n  /**\n   * Gradient for the legend in the chart. If not provided, it will fallback on the default color palette.\n   * If provided, it will override the color prop. granted `enableGradient` is set to true for the chart.\n   */\n  gradient?: [string, string];\n\n  /**\n   * Callout data for x axis\n   * This is an optional prop, If haven;t given legend will take\n   */\n  xAxisCalloutData?: string;\n\n  /**\n   * Callout data for y axis\n   * This is an optional prop, If haven't given data will take\n   */\n  yAxisCalloutData?: string;\n\n  /**\n   * onClick action for each datapoint in the chart\n   */\n  onClick?: VoidFunction;\n\n  /**\n   * Accessibility data for callout\n   */\n  callOutAccessibilityData?: IAccessibilityProps;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface ILineDataInVerticalBarChart {\n  y: IVerticalBarChartDataPoint['y'];\n  yAxisCalloutData?: string | undefined;\n\n  /**\n   * onClick action for each datapoint in the chart\n   */\n  onClick?: VoidFunction;\n  /**\n   * Whether to use the secondary y scale or not\n   * False by default.\n   */\n  useSecondaryYScale?: boolean;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface IBaseDataPoint {\n  /**\n   * Defines the function that is executed on clicking  line\n   */\n  onDataPointClick?: () => void;\n\n  /**\n   * Callout data for x axis\n   */\n  xAxisCalloutData?: string;\n\n  /**\n   * Callout data for y axis\n   */\n  yAxisCalloutData?: string | { [id: string]: number };\n\n  /**\n   * Whether to hide callout data for the point.\n   */\n  hideCallout?: boolean;\n\n  /**\n   * Accessibility data for callout\n   */\n  callOutAccessibilityData?: IAccessibilityProps;\n\n  /**\n   * X axis Accessibility data for callout\n   */\n  xAxisCalloutAccessibilityData?: IAccessibilityProps;\n\n  /**\n   * Marker size of the points\n   */\n  markerSize?: number;\n\n  /**\n   * text labels of marker points\n   */\n  text?: string;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface ILineChartDataPoint extends IBaseDataPoint {\n  /**\n   * Independent value of the data point, rendered along the x-axis.\n   * If x is a number, then each y-coordinate is plotted at its x-coordinate.\n   * If data type on x is Date, then the data is spaced evenly by d3-scale\n   */\n  x: number | Date;\n\n  /**\n   * Dependent value of the data point, rendered along the y-axis.\n   */\n  y: number;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface ILineChartGap {\n  /**\n   * Starting index of the gap.\n   */\n  startIndex: number;\n\n  /**\n   * Ending index of the gap.\n   */\n  endIndex: number;\n}\n\n/**\n * {@docCategory IChartProps}\n */\nexport interface ILineChartLineOptions extends React.SVGProps<SVGPathElement> {\n  /**\n   * Width of the line/stroke.\n   * Overrides the strokeWidth set on ICartesianChartProps level.\n   * @see https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-width\n   */\n  strokeWidth?: number | string;\n\n  /**\n   * Pattern of dashes and gaps.\n   * @see https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray\n   */\n  strokeDasharray?: string | number;\n\n  /**\n   * Offset on rendering of stroke dash array.\n   * @see https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dashoffset\n   */\n  strokeDashoffset?: string | number;\n\n  /**\n   * Shape at the end of a subpath.\n   * Default round.\n   * @see https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-linecap\n   */\n  strokeLinecap?: 'butt' | 'round' | 'square' | 'inherit';\n\n  /**\n   * Width of border around the line. Default no border.\n   */\n  lineBorderWidth?: string | number;\n\n  /**\n   * Color of border around the line. Default white.\n   */\n  lineBorderColor?: string;\n\n  /**\n   * Defines the type of interpolation used to render the line.\n   * @default 'linear'\n   */\n  curve?: 'linear' | 'natural' | 'step' | 'stepAfter' | 'stepBefore' | CurveFactory;\n\n  /**\n   * Defines the mode of points to be rendered.\n   */\n  mode?:\n    | 'lines'\n    | 'markers'\n    | 'text'\n    | 'lines+markers'\n    | 'text+markers'\n    | 'text+lines'\n    | 'text+lines+markers'\n    | 'none'\n    | 'gauge'\n    | 'number'\n    | 'delta'\n    | 'number+delta'\n    | 'gauge+number'\n    | 'gauge+number+delta'\n    | 'gauge+delta'\n    | 'markers+text'\n    | 'lines+text';\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface ILineChartPoints {\n  /**\n   * Legend text for the datapoint in the chart\n   */\n  legend: string;\n\n  /**\n   * The shape for the legend\n   * default: show the rect legend\n   */\n  legendShape?: LegendShape;\n\n  /**\n   * dataPoints for the line chart\n   */\n  data: ILineChartDataPoint[];\n\n  /**\n   * gaps in the line chart where a line is not drawn\n   */\n  gaps?: ILineChartGap[];\n\n  /**\n   * color for the legend in the chart\n   */\n  color?: string;\n\n  /**\n   * opacity for chart fill color\n   */\n  opacity?: number;\n\n  /**\n   * options for the line drawn\n   */\n  lineOptions?: ILineChartLineOptions;\n\n  /**\n   * hide dots for points that are not active\n   */\n  hideNonActiveDots?: boolean;\n\n  /**\n   * Defines the function that is executed on clicking this legend\n   */\n  onLegendClick?: (selectedLegend: string | null | string[]) => void;\n\n  /**\n   * Defines the function that is executed on clicking  line\n   */\n  onLineClick?: () => void;\n\n  /**\n   * Whether to use the secondary y scale or not\n   * False by default.\n   */\n  useSecondaryYScale?: boolean;\n}\n\n/**\n * {@docCategory IChartProps}\n */\nexport interface IChartProps {\n  /**\n   * chart title for the chart\n   */\n  chartTitle?: string;\n\n  /**\n   * Accessibility data for chart title\n   */\n  chartTitleAccessibilityData?: IAccessibilityProps;\n  /**\n   * data for the points in the chart\n   */\n  chartData?: IChartDataPoint[];\n\n  /**\n   * Accessibility data for chart data\n   */\n  chartDataAccessibilityData?: IAccessibilityProps;\n\n  /**\n   * data for the points in the line chart\n   */\n  lineChartData?: ILineChartPoints[];\n\n  /**\n   * data for the points in the scatter chart\n   */\n  scatterChartData?: IScatterChartPoints[];\n\n  /**\n   * data for the points in the line chart\n   */\n  SankeyChartData?: ISankeyChartData;\n\n  /**\n   * data for the points in the line chart\n   */\n  pointOptions?: React.SVGProps<SVGCircleElement>;\n\n  /**\n   * data for the dotted line on hovering the point\n   */\n  pointLineOptions?: React.SVGProps<SVGLineElement>;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface ISankeyChartData {\n  nodes: SNode[];\n  links: SLink[];\n}\n\ninterface ISNodeExtra {\n  /**\n   * A unique identifier for this node.\n   */\n  nodeId: number | string;\n  /**\n   * The display name for this node in the UX.\n   */\n  name: string;\n  color?: string;\n  borderColor?: string;\n  actualValue?: number;\n  layer?: number;\n}\n\ninterface ISLinkExtra {\n  /**\n   * The index within `ISankeyChartData.nodes` of the source node.\n   */\n  source: number;\n  /**\n   * The index within `ISankeyChartData.nodes` of the target node.\n   */\n  target: number;\n  /**\n   * The weight of this link between the two nodes.\n   */\n  value: number;\n  unnormalizedValue?: number;\n}\n\nexport type SNode = SankeyNode<ISNodeExtra, ISLinkExtra>;\nexport type SLink = SankeyLink<ISNodeExtra, ISLinkExtra>;\n\n/**\n * {@docCategory IChartProps}\n */\nexport interface IAccessibilityProps {\n  /**\n   * Accessibility aria-label\n   */\n  ariaLabel?: string;\n\n  /**\n   * Accessibility aria-labelledBy\n   */\n  ariaLabelledBy?: string;\n\n  /**\n   * Accessibility aria-describedBy\n   */\n  ariaDescribedBy?: string;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface IVSChartDataPoint {\n  /**\n   * data the datapoint in the chart\n   */\n  data: number | string;\n\n  /**\n   * Legend text for the datapoint in the chart\n   */\n  legend: string;\n\n  /**\n   * color for the legend in the chart\n   */\n  color?: string;\n\n  /**\n   * Gradient for the legend in the chart. If not provided, it will fallback on the default color palette.\n   * If provided, it will override the color prop. granted `enableGradient` is set to true for the chart.\n   */\n  gradient?: [string, string];\n\n  /**\n   * Callout data for x axis\n   * This is an optional prop, If haven;t given legend will take\n   */\n  xAxisCalloutData?: string;\n\n  /**\n   * Callout data for y axis\n   * This is an optional prop, If haven't given data will take\n   */\n  yAxisCalloutData?: string;\n\n  /**\n   * Accessibility data for callout\n   */\n  callOutAccessibilityData?: IAccessibilityProps;\n}\n\n/**\n * {@docCategory IChartProps}\n */\nexport interface IVerticalStackedChartProps {\n  /**\n   * data for the points in the chart\n   */\n  chartData: IVSChartDataPoint[];\n\n  /**\n   * Data for x axis label for multistacked Vertical bar chart\n   */\n  xAxisPoint: number | string | Date;\n\n  /**\n   * Callout data for x axis\n   * This is an optional prop, If haven't given, legend will take\n   */\n  xAxisCalloutData?: string;\n  /**\n   * line data to render lines on stacked bar chart\n   */\n  lineData?: ILineDataInVerticalStackedBarChart[];\n  /**\n   * Accessibility data for Whole stack callout\n   */\n  stackCallOutAccessibilityData?: IAccessibilityProps;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface ILineDataInVerticalStackedBarChart {\n  y: number | string;\n  color: string;\n  legend: string;\n  /**\n   * The shape for the legend\n   * default: show the rect legend\n   */\n  legendShape?: LegendShape;\n  /**\n   * Data to show in callout\n   */\n  data?: number | string;\n  yAxisCalloutData?: string;\n  /**\n   * Whether to use the secondary y scale or not\n   * False by default.\n   */\n  useSecondaryYScale?: boolean;\n  /**\n   * options for the line drawn\n   */\n  lineOptions?: ILineChartLineOptions;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface IGVBarChartSeriesPoint {\n  /**\n   * Text for // need to check use of this\n   */\n  key: string;\n\n  /**\n   * Data for bar height of Grouped vertical bar chart\n   */\n  data: number;\n\n  /**\n   * Color for the legend in the chart\n   */\n  color: string;\n\n  /**\n   * Gradient for the legend in the chart. If not provided, it will fallback on the default color palette.\n   * If provided, it will override the color prop. granted `enableGradient` is set to true for the chart.\n   */\n  gradient?: [string, string];\n\n  /**\n   * Legend text in the chart\n   */\n  legend: string;\n\n  /**\n   * Callout data for x axis\n   * This is an optional prop, If haven;t given legend will take\n   */\n  xAxisCalloutData?: string;\n\n  /**\n   * Callout data for y axis\n   * This is an optional prop, If haven't given data will take\n   */\n  yAxisCalloutData?: string;\n\n  /**\n   * onClick action for each datapoint in the chart\n   */\n  onClick?: VoidFunction;\n\n  /**\n   * Accessibility data for callout\n   */\n  callOutAccessibilityData?: IAccessibilityProps;\n\n  /**\n   * Whether to use the secondary y scale or not\n   * False by default.\n   */\n  useSecondaryYScale?: boolean;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface IGroupedVerticalBarChartData {\n  /**\n   * Data for X axis label\n   */\n  name: string;\n\n  /**\n   * Data points for Grouped vertical bar chart\n   */\n  series: IGVBarChartSeriesPoint[];\n\n  /**\n   * Accessibility data for Group Bars Stack Callout\n   */\n  stackCallOutAccessibilityData?: IAccessibilityProps;\n}\n\nexport interface IGVDataPoint {\n  /**\n   * This interface used for - While forming datapoints from given prop \"data\" in code\n   * datapoints are used for to draw graph\n   */\n  [key: string]: number | string;\n}\n\nexport interface IGVSingleDataPoint {\n  /**\n   * While forming datapoints from given prop \"data\" in code.\n   * These datapoints are used for to draw graph easily.\n   */\n  [key: string]: IGVDataPoint;\n}\n\nexport interface IGVForBarChart {\n  /**\n   * While forming datapoints from given prop \"data\"\n   * These datapoints are used for to draw graph.\n   */\n  [key: string]: IGVBarChartSeriesPoint;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface IHeatMapChartDataPoint {\n  x: string | Date | number;\n  y: string | Date | number;\n  value: number;\n  /**\n   * The value/ text to be rendered in the rectange\n   */\n  rectText?: string | number;\n  /**\n   * denomination to show in the callout\n   */\n  ratio?: [number, number];\n  /**\n   * description message to the callout\n   */\n  descriptionMessage?: string;\n\n  /**\n   * onClick action for each datapoint in the chart\n   */\n  onClick?: VoidFunction;\n  /**\n   * Accessibility data for callout\n   */\n  callOutAccessibilityData?: IAccessibilityProps;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface IHeatMapChartData {\n  /**\n   * name of the legend\n   */\n  legend: string;\n  data: IHeatMapChartDataPoint[];\n  /**\n   * This  number will be used to get the color for the legend\n   */\n  value: number;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface ICustomizedCalloutDataPoint {\n  legend: string;\n  y: number;\n  color: string;\n  xAxisCalloutData?: string;\n  yAxisCalloutData?: string | { [id: string]: number };\n}\n\n/**\n * Used for custom callout data interface. As Area chart callout data will be prepared from given props.data,\n * Those required data passing to onRenderCalloutPerDataPoint and onRenderCalloutPerStack.\n * {@docCategory IChartData}\n */\nexport interface ICustomizedCalloutData {\n  x: number | string | Date;\n  values: ICustomizedCalloutDataPoint[];\n}\n\n/**\n * {@docCategory Chart}\n */\nexport interface IChart {\n  chartContainer: HTMLElement | null;\n  toImage?: (opts?: IImageExportOptions) => Promise<string>;\n}\n\n/**\n * {@docCategory Chart}\n */\nexport interface IImageExportOptions {\n  width?: number;\n  height?: number;\n  scale?: number;\n  background?: string;\n}\n\n/**\n * {@docCategory IChartData}\n * ScatterChartDataPoint interface.\n */\nexport interface IScatterChartDataPoint extends IBaseDataPoint {\n  /**\n   * Independent value of the data point, rendered along the x-axis.\n   */\n  x: number | Date | string;\n\n  /**\n   * Dependent value of the data point, rendered along the y-axis.\n   */\n  y: number;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface IScatterChartPoints {\n  /**\n   * Legend text for the datapoint in the chart\n   */\n  legend: string;\n\n  /**\n   * The shape for the legend\n   * default: show the rect legend\n   */\n  legendShape?: LegendShape;\n\n  /**\n   * dataPoints for the line chart\n   */\n  data: IScatterChartDataPoint[];\n\n  /**\n   * color for the legend in the chart\n   */\n  color?: string;\n\n  /**\n   * opacity for chart fill color\n   */\n  opacity?: number;\n\n  /**\n   * hide dots for points that are not active\n   */\n  hideNonActiveDots?: boolean;\n\n  /**\n   * Defines the function that is executed on clicking this legend\n   */\n  onLegendClick?: (selectedLegend: string | null | string[]) => void;\n\n  /**\n   * Whether to use the secondary y scale or not\n   * False by default.\n   */\n  useSecondaryYScale?: boolean;\n}\n\n/**\n * Specifies the ordering options for axis categories in Cartesian charts.\n *\n * - `'default'`: Uses the original order before custom ordering was supported.\n *   In some charts, this behaves the same as `'data'`.\n * - `'data'`: Preserves the order of categories as provided in the input data.\n * - `string[]`: Explicitly defines the custom order of categories as an array of category names.\n * - `'category ascending' | 'category descending'`: Orders categories alphanumerically.\n * - `'total ascending' | 'total descending'`: Orders categories by the total of their associated values.\n * - `'min ascending' | 'min descending'`: Orders by the minimum value within each category.\n * - `'max ascending' | 'max descending'`: Orders by the maximum value within each category.\n * - `'sum ascending' | 'sum descending'`: Orders by the sum of values for each category (same as 'total').\n * - `'mean ascending' | 'mean descending'`: Orders by the average of values in each category.\n * - `'median ascending' | 'median descending'`: Orders by the median value of each category.\n *\n * {@docCategory CartesianChart}\n */\nexport type AxisCategoryOrder =\n  | 'default'\n  | 'data'\n  | string[]\n  | 'category ascending'\n  | 'category descending'\n  | 'total ascending'\n  | 'total descending'\n  | 'min ascending'\n  | 'min descending'\n  | 'max ascending'\n  | 'max descending'\n  | 'sum ascending'\n  | 'sum descending'\n  | 'mean ascending'\n  | 'mean descending'\n  | 'median ascending'\n  | 'median descending';\n\n/**\n * {@docCategory IChartData}\n */\nexport interface IGanttChartDataPoint {\n  /**\n   * Dependent value of the data point, rendered along the x-axis.\n   */\n  x: {\n    start: Date | number;\n    end: Date | number;\n  };\n\n  /**\n   * Independent value of the data point, rendered along the y-axis.\n   * If y is a number, then each y-coordinate is plotted at its y-coordinate.\n   * If y is a string, then the data is evenly spaced along the y-axis.\n   */\n  y: number | string;\n\n  /**\n   * Legend text for the datapoint in the chart\n   */\n  legend?: string;\n\n  /**\n   * color for the legend in the chart\n   */\n  color?: string;\n\n  /**\n   * Gradient for the legend in the chart. If not provided, it will fallback on the default color palette.\n   * If provided, it will override the color prop. granted `enableGradient` is set to true for the chart.\n   */\n  gradient?: [string, string];\n\n  /**\n   * Callout data for x axis\n   * This is an optional prop, If haven;t given legend will take\n   */\n  xAxisCalloutData?: string;\n\n  /**\n   * Callout data for y axis\n   * This is an optional prop, If haven't given data will take\n   */\n  yAxisCalloutData?: string;\n\n  /**\n   * onClick action for each datapoint in the chart\n   */\n  onClick?: VoidFunction;\n\n  /**\n   * Accessibility data for callout\n   */\n  callOutAccessibilityData?: IAccessibilityProps;\n}\n"]}

package/lib/utilities/scatterpolar-utils.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { ScaleLinear } from 'd3-scale';
+/**
+ * Helper to render categorical labels for scatterpolar charts with improved overlap logic across all series
+ * Now places labels at equal angles for all unique texts, regardless of data positions.
+ */
+export declare function renderScatterPolarCategoryLabels({ allSeriesData, xAxisScale, yAxisScale, className, maybeLineOptions, minPixelGap, }: {
+    allSeriesData: {
+        data: {
+            x: number;
+            y: number;
+            text?: string;
+        }[];
+    }[];
+    xAxisScale: ScaleLinear<number, number>;
+    yAxisScale: ScaleLinear<number, number>;
+    className: string;
+    maybeLineOptions?: {
+        originXOffset?: number;
+    };
+    minPixelGap?: number;
+}): React.JSX.Element[];

package/lib/utilities/scatterpolar-utils.js

@@ -0,0 +1,38 @@
+import * as React from 'react';
+/**
+ * Helper to render categorical labels for scatterpolar charts with improved overlap logic across all series
+ * Now places labels at equal angles for all unique texts, regardless of data positions.
+ */
+export function renderScatterPolarCategoryLabels(_a) {
+    var allSeriesData = _a.allSeriesData, xAxisScale = _a.xAxisScale, yAxisScale = _a.yAxisScale, className = _a.className, maybeLineOptions = _a.maybeLineOptions, _b = _a.minPixelGap, minPixelGap = _b === void 0 ? 40 : _b;
+    // 1. Aggregate all data points from all series
+    var allLabels = [];
+    allSeriesData.forEach(function (series) {
+        series.data.forEach(function (pt) {
+            if (pt.text) {
+                allLabels.push({ x: pt.x, y: pt.y, text: pt.text });
+            }
+        });
+    });
+    // 2. Deduplicate by text (angle label)
+    var uniqueTexts = Array.from(new Set(allLabels.map(function (l) { return l.text; })));
+    // 3. Place labels at equal angles
+    var renderedLabels = [];
+    var placedPositions = [];
+    var labelRadius = 0.7; // You can adjust this value for more/less offset
+    var numLabels = uniqueTexts.length;
+    uniqueTexts.forEach(function (text, i) {
+        var angle = ((2 * Math.PI) / numLabels) * i;
+        var originXOffset = (maybeLineOptions === null || maybeLineOptions === void 0 ? void 0 : maybeLineOptions.originXOffset) || 0;
+        var x = xAxisScale(labelRadius * Math.cos(angle) - originXOffset / 2);
+        var y = yAxisScale(labelRadius * Math.sin(angle));
+        // Check distance from all previously placed labels
+        var isFarEnough = placedPositions.every(function (pos) { return Math.sqrt(Math.pow((x - pos.x), 2) + Math.pow((y - pos.y), 2)) >= minPixelGap; });
+        if (renderedLabels.length === 0 || isFarEnough) {
+            renderedLabels.push(React.createElement("text", { key: "scatterpolar-label-".concat(text), x: x, y: y, className: className, textAnchor: "middle", alignmentBaseline: "middle", opacity: 1 }, text));
+            placedPositions.push({ x: x, y: y });
+        }
+    });
+    return renderedLabels;
+}
+//# sourceMappingURL=scatterpolar-utils.js.map

package/lib/utilities/scatterpolar-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scatterpolar-utils.js","sourceRoot":"../src/","sources":["utilities/scatterpolar-utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;;GAGG;AACH,MAAM,UAAU,gCAAgC,CAAC,EAchD;QAbC,aAAa,mBAAA,EACb,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,SAAS,eAAA,EACT,gBAAgB,sBAAA,EAChB,mBAAgB,EAAhB,WAAW,mBAAG,EAAE,KAAA;IAShB,+CAA+C;IAC/C,IAAM,SAAS,GAA6C,EAAE,CAAC;IAC/D,aAAa,CAAC,OAAO,CAAC,UAAA,MAAM;QAC1B,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,UAAA,EAAE;YACpB,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC;gBACZ,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC;YACtD,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,uCAAuC;IACvC,IAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,IAAI,EAAN,CAAM,CAAC,CAAC,CAAC,CAAC;IAEpE,kCAAkC;IAClC,IAAM,cAAc,GAAwB,EAAE,CAAC;IAC/C,IAAM,eAAe,GAA+B,EAAE,CAAC;IACvD,IAAM,WAAW,GAAG,GAAG,CAAC,CAAC,iDAAiD;IAC1E,IAAM,SAAS,GAAG,WAAW,CAAC,MAAM,CAAC;IAErC,WAAW,CAAC,OAAO,CAAC,UAAC,IAAI,EAAE,CAAC;QAC1B,IAAM,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC;QAC9C,IAAM,aAAa,GAAG,CAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,aAAa,KAAI,CAAC,CAAC;QAC3D,IAAM,CAAC,GAAG,UAAU,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,aAAa,GAAG,CAAC,CAAC,CAAC;QACxE,IAAM,CAAC,GAAG,UAAU,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;QAEpD,mDAAmD;QACnD,IAAM,WAAW,GAAG,eAAe,CAAC,KAAK,CAAC,UAAA,GAAG,IAAI,OAAA,IAAI,CAAC,IAAI,CAAC,SAAA,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,EAAI,CAAC,CAAA,GAAG,SAAA,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,EAAI,CAAC,CAAA,CAAC,IAAI,WAAW,EAA7D,CAA6D,CAAC,CAAC;QAEhH,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC,IAAI,WAAW,EAAE,CAAC;YAC/C,cAAc,CAAC,IAAI,CACjB,8BACE,GAAG,EAAE,6BAAsB,IAAI,CAAE,EACjC,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,CAAC,EACJ,SAAS,EAAE,SAAS,EACpB,UAAU,EAAC,QAAQ,EACnB,iBAAiB,EAAC,QAAQ,EAC1B,OAAO,EAAE,CAAC,IAET,IAAI,CACA,CACR,CAAC;YACF,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,GAAA,EAAE,CAAC,GAAA,EAAE,CAAC,CAAC;QACjC,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,cAAc,CAAC;AACxB,CAAC","sourcesContent":["import * as React from 'react';\nimport { ScaleLinear } from 'd3-scale';\n\n/**\n * Helper to render categorical labels for scatterpolar charts with improved overlap logic across all series\n * Now places labels at equal angles for all unique texts, regardless of data positions.\n */\nexport function renderScatterPolarCategoryLabels({\n  allSeriesData,\n  xAxisScale,\n  yAxisScale,\n  className,\n  maybeLineOptions,\n  minPixelGap = 40,\n}: {\n  allSeriesData: { data: { x: number; y: number; text?: string }[] }[];\n  xAxisScale: ScaleLinear<number, number>;\n  yAxisScale: ScaleLinear<number, number>;\n  className: string;\n  maybeLineOptions?: { originXOffset?: number };\n  minPixelGap?: number;\n}): React.JSX.Element[] {\n  // 1. Aggregate all data points from all series\n  const allLabels: { x: number; y: number; text: string }[] = [];\n  allSeriesData.forEach(series => {\n    series.data.forEach(pt => {\n      if (pt.text) {\n        allLabels.push({ x: pt.x, y: pt.y, text: pt.text });\n      }\n    });\n  });\n\n  // 2. Deduplicate by text (angle label)\n  const uniqueTexts = Array.from(new Set(allLabels.map(l => l.text)));\n\n  // 3. Place labels at equal angles\n  const renderedLabels: React.JSX.Element[] = [];\n  const placedPositions: { x: number; y: number }[] = [];\n  const labelRadius = 0.7; // You can adjust this value for more/less offset\n  const numLabels = uniqueTexts.length;\n\n  uniqueTexts.forEach((text, i) => {\n    const angle = ((2 * Math.PI) / numLabels) * i;\n    const originXOffset = maybeLineOptions?.originXOffset || 0;\n    const x = xAxisScale(labelRadius * Math.cos(angle) - originXOffset / 2);\n    const y = yAxisScale(labelRadius * Math.sin(angle));\n\n    // Check distance from all previously placed labels\n    const isFarEnough = placedPositions.every(pos => Math.sqrt((x - pos.x) ** 2 + (y - pos.y) ** 2) >= minPixelGap);\n\n    if (renderedLabels.length === 0 || isFarEnough) {\n      renderedLabels.push(\n        <text\n          key={`scatterpolar-label-${text}`}\n          x={x}\n          y={y}\n          className={className}\n          textAnchor=\"middle\"\n          alignmentBaseline=\"middle\"\n          opacity={1}\n        >\n          {text}\n        </text>,\n      );\n      placedPositions.push({ x, y });\n    }\n  });\n\n  return renderedLabels;\n}\n"]}

package/lib/utilities/test-data.d.ts

@@ -1,4 +1,4 @@
-import { IChartDataPoint, IChartProps, IHorizontalBarChartWithAxisDataPoint, IVerticalStackedChartProps } from '../index';
+import { IChartDataPoint, IChartProps, IGanttChartDataPoint, IHorizontalBarChartWithAxisDataPoint, IVerticalStackedChartProps } from '../index';
 export declare const chartPointsVBC: {
     x: number;
     y: number;
@@ -41,3 +41,6 @@ export declare const negativeChartPointsVBC: {
     xAxisCalloutData: string;
     yAxisCalloutData: string;
 }[];
+export declare const ganttData: IGanttChartDataPoint[];
+export declare const ganttDataWithLongY: IGanttChartDataPoint[];
+export declare const ganttDataWithNumericY: IGanttChartDataPoint[];

package/lib/utilities/test-data.js

@@ -1,4 +1,5 @@
 import { DefaultPalette } from '@fluentui/react/lib/Styling';
+import { DataVizGradientPalette, DataVizPalette, getGradientFromToken, } from '../index';
 export var chartPointsVBC = [
     {
         x: 0,
@@ -259,4 +260,216 @@ export var negativeChartPointsVBC = [
         yAxisCalloutData: '37%',
     },
 ];
+export var ganttData = [
+    {
+        x: {
+            start: new Date('2017-01-01'),
+            end: new Date('2017-02-02'),
+        },
+        y: 'Job-1',
+        legend: 'Complete',
+        color: DataVizPalette.success,
+        gradient: getGradientFromToken(DataVizGradientPalette.success),
+    },
+    {
+        x: {
+            start: new Date('2017-01-17'),
+            end: new Date('2017-02-17'),
+        },
+        y: 'Job-2',
+        legend: 'Complete',
+        color: DataVizPalette.success,
+        gradient: getGradientFromToken(DataVizGradientPalette.success),
+    },
+    {
+        x: {
+            start: new Date('2017-01-14'),
+            end: new Date('2017-03-14'),
+        },
+        y: 'Job-4',
+        legend: 'Complete',
+        color: DataVizPalette.success,
+        gradient: getGradientFromToken(DataVizGradientPalette.success),
+    },
+    {
+        x: {
+            start: new Date('2017-02-15'),
+            end: new Date('2017-03-15'),
+        },
+        y: 'Job-1',
+        legend: 'Incomplete',
+        color: DataVizPalette.warning,
+        gradient: getGradientFromToken(DataVizGradientPalette.warning),
+    },
+    {
+        x: {
+            start: new Date('2017-01-17'),
+            end: new Date('2017-02-17'),
+        },
+        y: 'Job-2',
+        legend: 'Not Started',
+        color: DataVizPalette.error,
+        gradient: getGradientFromToken(DataVizGradientPalette.error),
+    },
+    {
+        x: {
+            start: new Date('2017-03-10'),
+            end: new Date('2017-03-20'),
+        },
+        y: 'Job-3',
+        legend: 'Not Started',
+        color: DataVizPalette.error,
+        gradient: getGradientFromToken(DataVizGradientPalette.error),
+    },
+    {
+        x: {
+            start: new Date('2017-04-01'),
+            end: new Date('2017-04-20'),
+        },
+        y: 'Job-3',
+        legend: 'Not Started',
+        color: DataVizPalette.error,
+        gradient: getGradientFromToken(DataVizGradientPalette.error),
+    },
+    {
+        x: {
+            start: new Date('2017-05-18'),
+            end: new Date(new Date('2017-06-18')),
+        },
+        y: 'Job-3',
+        legend: 'Not Started',
+        color: DataVizPalette.error,
+        gradient: getGradientFromToken(DataVizGradientPalette.error),
+    },
+];
+export var ganttDataWithLongY = [
+    {
+        x: {
+            start: new Date('2024-05-01'),
+            end: new Date('2024-05-07'),
+        },
+        y: 'Site Preparation',
+        legend: 'No',
+        color: '#637cefff',
+    },
+    {
+        x: {
+            start: new Date('2024-05-08'),
+            end: new Date('2024-05-21'),
+        },
+        y: 'Foundation Work',
+        legend: 'No',
+        color: '#637cefff',
+    },
+    {
+        x: {
+            start: new Date('2024-05-22'),
+            end: new Date('2024-06-02'),
+        },
+        y: 'Framing',
+        legend: 'No',
+        color: '#637cefff',
+    },
+    {
+        x: {
+            start: new Date('2024-06-03'),
+            end: new Date('2024-06-09'),
+        },
+        y: 'Roof Installation',
+        legend: 'No',
+        color: '#637cefff',
+    },
+    {
+        x: {
+            start: new Date('2024-06-10'),
+            end: new Date('2024-06-23'),
+        },
+        y: 'Plumbing/Electrical',
+        legend: 'No',
+        color: '#637cefff',
+    },
+    {
+        x: {
+            start: new Date('2024-07-08'),
+            end: new Date('2024-07-17'),
+        },
+        y: 'Exterior Finishing',
+        legend: 'No',
+        color: '#637cefff',
+    },
+    {
+        x: {
+            start: new Date('2024-06-24'),
+            end: new Date('2024-07-07'),
+        },
+        y: 'Interior Finishing',
+        legend: 'Yes (Phase 1)',
+        color: '#f7630cff',
+    },
+    {
+        x: {
+            start: new Date('2024-07-18'),
+            end: new Date('2024-07-24'),
+        },
+        y: 'Final Inspections',
+        legend: 'Yes (Phase 2)',
+        color: '#57811bff',
+    },
+];
+export var ganttDataWithNumericY = [
+    {
+        x: {
+            start: new Date('2021-01-01'),
+            end: new Date('2022-01-10'),
+        },
+        y: 1,
+        legend: 'HR',
+        color: '#637cefff',
+    },
+    {
+        x: {
+            start: new Date('2022-01-15'),
+            end: new Date('2022-01-20'),
+        },
+        y: 2,
+        legend: 'Finance',
+        color: '#f7630cff',
+    },
+    {
+        x: {
+            start: new Date('2022-02-01'),
+            end: new Date('2022-02-08'),
+        },
+        y: 3,
+        legend: 'IT',
+        color: '#57811bff',
+    },
+    {
+        x: {
+            start: new Date('2022-02-10'),
+            end: new Date('2022-02-20'),
+        },
+        y: 4,
+        legend: 'Operations',
+        color: '#9373c0ff',
+    },
+    {
+        x: {
+            start: new Date('2022-03-01'),
+            end: new Date('2022-03-10'),
+        },
+        y: 5,
+        legend: 'Customer Support',
+        color: '#ca5010ff',
+    },
+    {
+        x: {
+            start: new Date('2022-03-05'),
+            end: new Date('2022-03-15'),
+        },
+        y: 6,
+        legend: 'Legal',
+        color: '#3a96ddff',
+    },
+];
 //# sourceMappingURL=test-data.js.map

package/lib/utilities/test-data.js.map

@@ -1 +1 @@
-{"version":3,"file":"test-data.js","sourceRoot":"../src/","sources":["utilities/test-data.ts"],"names":[],"mappings":"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","sourcesContent":["import { DefaultPalette } from '@fluentui/react/lib/Styling';\nimport {\n  IChartDataPoint,\n  IChartProps,\n  IHorizontalBarChartWithAxisDataPoint,\n  IVSChartDataPoint,\n  IVerticalStackedChartProps,\n} from '../index';\n\nexport const chartPointsVBC = [\n  {\n    x: 0,\n    y: 10000,\n    legend: 'First',\n    color: DefaultPalette.accent,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '10%',\n  },\n  {\n    x: 10000,\n    y: 50000,\n    legend: 'Second',\n    color: DefaultPalette.blueDark,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '20%',\n  },\n  {\n    x: 25000,\n    y: 30000,\n    legend: 'Third',\n    color: DefaultPalette.blueMid,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '37%',\n  },\n];\n\nconst firstChartPointsVSBC: IVSChartDataPoint[] = [\n  {\n    legend: 'Metadata1',\n    data: 40,\n    color: DefaultPalette.accent,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '40%',\n  },\n  {\n    legend: 'Metadata2',\n    data: 5,\n    color: DefaultPalette.blueMid,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '5%',\n  },\n];\n\nconst secondChartPointsVSBC: IVSChartDataPoint[] = [\n  {\n    legend: 'Metadata1',\n    data: 30,\n    color: DefaultPalette.accent,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '30%',\n  },\n  {\n    legend: 'Metadata2',\n    data: 20,\n    color: DefaultPalette.blueMid,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '20%',\n  },\n];\n\nexport const chartPointsVSBC: IVerticalStackedChartProps[] = [\n  { chartData: firstChartPointsVSBC, xAxisPoint: 0 },\n  { chartData: secondChartPointsVSBC, xAxisPoint: 20 },\n];\n\nexport const chartPoints2VSBC: IVerticalStackedChartProps[] = [\n  {\n    chartData: firstChartPointsVSBC,\n    xAxisPoint: 0,\n    lineData: [{ y: 15, legend: 'Line1', color: DefaultPalette.yellow }],\n  },\n  {\n    chartData: secondChartPointsVSBC,\n    xAxisPoint: 20,\n    lineData: [{ y: 30, legend: 'Line1', color: DefaultPalette.yellow }],\n  },\n];\n\nexport const emptychartPointsVSBC: IVerticalStackedChartProps[] = [{ chartData: [], xAxisPoint: 0 }];\n\nexport const pointsHBCWA = [\n  {\n    x: 10000,\n    y: 5000,\n    legend: 'Oranges',\n    color: DefaultPalette.accent,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '10%',\n  },\n  {\n    x: 20000,\n    y: 50000,\n    legend: 'Dogs',\n    color: DefaultPalette.blueDark,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '20%',\n  },\n  {\n    x: 25000,\n    y: 30000,\n    legend: 'Apples',\n    color: DefaultPalette.blueMid,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '37%',\n  },\n\n  {\n    x: 40000,\n    y: 13000,\n    legend: 'Bananas',\n    color: DefaultPalette.blueLight,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '88%',\n  },\n];\n\nexport const pointsDC: IChartDataPoint[] = [\n  { legend: 'first', data: 20000, color: '#E5E5E5', xAxisCalloutData: '2020/04/30' },\n  { legend: 'second', data: 39000, color: '#0078D4', xAxisCalloutData: '2020/04/20' },\n  { legend: 'third', data: 45000, color: '#DADADA', xAxisCalloutData: '2020/04/25' },\n];\n\nexport const pointsDCElevateMinimumsExample: IChartDataPoint[] = [\n  { legend: 'first', data: 39000, color: '#E5E5E5', xAxisCalloutData: '2020/04/30' },\n  { legend: 'second', data: 20, color: '#0078D4', xAxisCalloutData: '2020/04/20' },\n  { legend: 'third', data: 20, color: '#DADADA', xAxisCalloutData: '2020/04/25' },\n  { legend: 'fourth', data: 20, color: '#DADADA', xAxisCalloutData: '2020/04/25' },\n  { legend: 'fifth', data: 20, color: '#DADADA', xAxisCalloutData: '2020/04/25' },\n  { legend: 'sixth', data: 20, color: '#DADADA', xAxisCalloutData: '2020/04/25' },\n];\n\nexport const chartPointsDC: IChartProps = {\n  chartTitle: 'Donut chart example',\n  chartData: pointsDC,\n};\n\nexport const chartPointsDCElevateMinimums: IChartProps = {\n  chartTitle: 'Donut chart example',\n  chartData: pointsDC,\n};\n\nexport const chartPointsHBCWA: IHorizontalBarChartWithAxisDataPoint[] = [\n  {\n    x: 10000,\n    y: 5000,\n    legend: 'Oranges',\n    color: DefaultPalette.accent,\n    yAxisCalloutData: '2020/04/30',\n    xAxisCalloutData: '10%',\n  },\n  {\n    x: 20000,\n    y: 50000,\n    legend: 'Grapes',\n    color: DefaultPalette.blueDark,\n    yAxisCalloutData: '2020/04/30',\n    xAxisCalloutData: '20%',\n  },\n  {\n    x: 25000,\n    y: 30000,\n    legend: 'Apples',\n    color: DefaultPalette.blueMid,\n    yAxisCalloutData: '2020/04/30',\n    xAxisCalloutData: '37%',\n  },\n\n  {\n    x: 40000,\n    y: 13000,\n    legend: 'Bananas',\n    color: DefaultPalette.blueLight,\n    yAxisCalloutData: '2020/04/30',\n    xAxisCalloutData: '88%',\n  },\n];\n\nexport const chartPointsWithStringYAxisHBCWA: IHorizontalBarChartWithAxisDataPoint[] = [\n  {\n    y: 'String One',\n    x: 1000,\n    color: DefaultPalette.accent,\n  },\n  {\n    y: 'String Two',\n    x: 5000,\n    color: DefaultPalette.blueDark,\n  },\n  {\n    y: 'String Three',\n    x: 3000,\n    color: DefaultPalette.blueMid,\n  },\n  {\n    y: 'String Four',\n    x: 2000,\n    color: DefaultPalette.blue,\n  },\n];\n\nexport const chartPointsWithAxisToolTipHBCWA: IHorizontalBarChartWithAxisDataPoint[] = [\n  {\n    x: 1000,\n    y: 1000,\n    color: DefaultPalette.accent,\n  },\n  {\n    x: 2000,\n    y: 5000,\n    color: DefaultPalette.blueDark,\n  },\n  {\n    x: 3000,\n    y: 3000,\n    color: DefaultPalette.blueMid,\n  },\n  {\n    x: 4000,\n    y: 2000,\n    color: DefaultPalette.blue,\n  },\n];\n\nexport const allNegativeChartPointsVBC = [\n  {\n    x: 0,\n    y: -10000,\n    legend: 'First',\n    color: DefaultPalette.accent,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '10%',\n  },\n  {\n    x: 10000,\n    y: -50000,\n    legend: 'Second',\n    color: DefaultPalette.blueDark,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '20%',\n  },\n  {\n    x: 25000,\n    y: -30000,\n    legend: 'Third',\n    color: DefaultPalette.blueMid,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '37%',\n  },\n];\n\nexport const negativeChartPointsVBC = [\n  {\n    x: 0,\n    y: 10000,\n    legend: 'First',\n    color: DefaultPalette.accent,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '10%',\n  },\n  {\n    x: 10000,\n    y: -50000,\n    legend: 'Second',\n    color: DefaultPalette.blueDark,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '20%',\n  },\n  {\n    x: 25000,\n    y: 30000,\n    legend: 'Third',\n    color: DefaultPalette.blueMid,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '37%',\n  },\n];\n"]}
+{"version":3,"file":"test-data.js","sourceRoot":"../src/","sources":["utilities/test-data.ts"],"names":[],"mappings":"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","sourcesContent":["import { DefaultPalette } from '@fluentui/react/lib/Styling';\nimport {\n  DataVizGradientPalette,\n  DataVizPalette,\n  IChartDataPoint,\n  IChartProps,\n  IGanttChartDataPoint,\n  IHorizontalBarChartWithAxisDataPoint,\n  IVSChartDataPoint,\n  IVerticalStackedChartProps,\n  getGradientFromToken,\n} from '../index';\n\nexport const chartPointsVBC = [\n  {\n    x: 0,\n    y: 10000,\n    legend: 'First',\n    color: DefaultPalette.accent,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '10%',\n  },\n  {\n    x: 10000,\n    y: 50000,\n    legend: 'Second',\n    color: DefaultPalette.blueDark,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '20%',\n  },\n  {\n    x: 25000,\n    y: 30000,\n    legend: 'Third',\n    color: DefaultPalette.blueMid,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '37%',\n  },\n];\n\nconst firstChartPointsVSBC: IVSChartDataPoint[] = [\n  {\n    legend: 'Metadata1',\n    data: 40,\n    color: DefaultPalette.accent,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '40%',\n  },\n  {\n    legend: 'Metadata2',\n    data: 5,\n    color: DefaultPalette.blueMid,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '5%',\n  },\n];\n\nconst secondChartPointsVSBC: IVSChartDataPoint[] = [\n  {\n    legend: 'Metadata1',\n    data: 30,\n    color: DefaultPalette.accent,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '30%',\n  },\n  {\n    legend: 'Metadata2',\n    data: 20,\n    color: DefaultPalette.blueMid,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '20%',\n  },\n];\n\nexport const chartPointsVSBC: IVerticalStackedChartProps[] = [\n  { chartData: firstChartPointsVSBC, xAxisPoint: 0 },\n  { chartData: secondChartPointsVSBC, xAxisPoint: 20 },\n];\n\nexport const chartPoints2VSBC: IVerticalStackedChartProps[] = [\n  {\n    chartData: firstChartPointsVSBC,\n    xAxisPoint: 0,\n    lineData: [{ y: 15, legend: 'Line1', color: DefaultPalette.yellow }],\n  },\n  {\n    chartData: secondChartPointsVSBC,\n    xAxisPoint: 20,\n    lineData: [{ y: 30, legend: 'Line1', color: DefaultPalette.yellow }],\n  },\n];\n\nexport const emptychartPointsVSBC: IVerticalStackedChartProps[] = [{ chartData: [], xAxisPoint: 0 }];\n\nexport const pointsHBCWA = [\n  {\n    x: 10000,\n    y: 5000,\n    legend: 'Oranges',\n    color: DefaultPalette.accent,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '10%',\n  },\n  {\n    x: 20000,\n    y: 50000,\n    legend: 'Dogs',\n    color: DefaultPalette.blueDark,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '20%',\n  },\n  {\n    x: 25000,\n    y: 30000,\n    legend: 'Apples',\n    color: DefaultPalette.blueMid,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '37%',\n  },\n\n  {\n    x: 40000,\n    y: 13000,\n    legend: 'Bananas',\n    color: DefaultPalette.blueLight,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '88%',\n  },\n];\n\nexport const pointsDC: IChartDataPoint[] = [\n  { legend: 'first', data: 20000, color: '#E5E5E5', xAxisCalloutData: '2020/04/30' },\n  { legend: 'second', data: 39000, color: '#0078D4', xAxisCalloutData: '2020/04/20' },\n  { legend: 'third', data: 45000, color: '#DADADA', xAxisCalloutData: '2020/04/25' },\n];\n\nexport const pointsDCElevateMinimumsExample: IChartDataPoint[] = [\n  { legend: 'first', data: 39000, color: '#E5E5E5', xAxisCalloutData: '2020/04/30' },\n  { legend: 'second', data: 20, color: '#0078D4', xAxisCalloutData: '2020/04/20' },\n  { legend: 'third', data: 20, color: '#DADADA', xAxisCalloutData: '2020/04/25' },\n  { legend: 'fourth', data: 20, color: '#DADADA', xAxisCalloutData: '2020/04/25' },\n  { legend: 'fifth', data: 20, color: '#DADADA', xAxisCalloutData: '2020/04/25' },\n  { legend: 'sixth', data: 20, color: '#DADADA', xAxisCalloutData: '2020/04/25' },\n];\n\nexport const chartPointsDC: IChartProps = {\n  chartTitle: 'Donut chart example',\n  chartData: pointsDC,\n};\n\nexport const chartPointsDCElevateMinimums: IChartProps = {\n  chartTitle: 'Donut chart example',\n  chartData: pointsDC,\n};\n\nexport const chartPointsHBCWA: IHorizontalBarChartWithAxisDataPoint[] = [\n  {\n    x: 10000,\n    y: 5000,\n    legend: 'Oranges',\n    color: DefaultPalette.accent,\n    yAxisCalloutData: '2020/04/30',\n    xAxisCalloutData: '10%',\n  },\n  {\n    x: 20000,\n    y: 50000,\n    legend: 'Grapes',\n    color: DefaultPalette.blueDark,\n    yAxisCalloutData: '2020/04/30',\n    xAxisCalloutData: '20%',\n  },\n  {\n    x: 25000,\n    y: 30000,\n    legend: 'Apples',\n    color: DefaultPalette.blueMid,\n    yAxisCalloutData: '2020/04/30',\n    xAxisCalloutData: '37%',\n  },\n\n  {\n    x: 40000,\n    y: 13000,\n    legend: 'Bananas',\n    color: DefaultPalette.blueLight,\n    yAxisCalloutData: '2020/04/30',\n    xAxisCalloutData: '88%',\n  },\n];\n\nexport const chartPointsWithStringYAxisHBCWA: IHorizontalBarChartWithAxisDataPoint[] = [\n  {\n    y: 'String One',\n    x: 1000,\n    color: DefaultPalette.accent,\n  },\n  {\n    y: 'String Two',\n    x: 5000,\n    color: DefaultPalette.blueDark,\n  },\n  {\n    y: 'String Three',\n    x: 3000,\n    color: DefaultPalette.blueMid,\n  },\n  {\n    y: 'String Four',\n    x: 2000,\n    color: DefaultPalette.blue,\n  },\n];\n\nexport const chartPointsWithAxisToolTipHBCWA: IHorizontalBarChartWithAxisDataPoint[] = [\n  {\n    x: 1000,\n    y: 1000,\n    color: DefaultPalette.accent,\n  },\n  {\n    x: 2000,\n    y: 5000,\n    color: DefaultPalette.blueDark,\n  },\n  {\n    x: 3000,\n    y: 3000,\n    color: DefaultPalette.blueMid,\n  },\n  {\n    x: 4000,\n    y: 2000,\n    color: DefaultPalette.blue,\n  },\n];\n\nexport const allNegativeChartPointsVBC = [\n  {\n    x: 0,\n    y: -10000,\n    legend: 'First',\n    color: DefaultPalette.accent,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '10%',\n  },\n  {\n    x: 10000,\n    y: -50000,\n    legend: 'Second',\n    color: DefaultPalette.blueDark,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '20%',\n  },\n  {\n    x: 25000,\n    y: -30000,\n    legend: 'Third',\n    color: DefaultPalette.blueMid,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '37%',\n  },\n];\n\nexport const negativeChartPointsVBC = [\n  {\n    x: 0,\n    y: 10000,\n    legend: 'First',\n    color: DefaultPalette.accent,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '10%',\n  },\n  {\n    x: 10000,\n    y: -50000,\n    legend: 'Second',\n    color: DefaultPalette.blueDark,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '20%',\n  },\n  {\n    x: 25000,\n    y: 30000,\n    legend: 'Third',\n    color: DefaultPalette.blueMid,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '37%',\n  },\n];\n\nexport const ganttData: IGanttChartDataPoint[] = [\n  {\n    x: {\n      start: new Date('2017-01-01'),\n      end: new Date('2017-02-02'),\n    },\n    y: 'Job-1',\n    legend: 'Complete',\n    color: DataVizPalette.success,\n    gradient: getGradientFromToken(DataVizGradientPalette.success),\n  },\n  {\n    x: {\n      start: new Date('2017-01-17'),\n      end: new Date('2017-02-17'),\n    },\n    y: 'Job-2',\n    legend: 'Complete',\n    color: DataVizPalette.success,\n    gradient: getGradientFromToken(DataVizGradientPalette.success),\n  },\n  {\n    x: {\n      start: new Date('2017-01-14'),\n      end: new Date('2017-03-14'),\n    },\n    y: 'Job-4',\n    legend: 'Complete',\n    color: DataVizPalette.success,\n    gradient: getGradientFromToken(DataVizGradientPalette.success),\n  },\n  {\n    x: {\n      start: new Date('2017-02-15'),\n      end: new Date('2017-03-15'),\n    },\n    y: 'Job-1',\n    legend: 'Incomplete',\n    color: DataVizPalette.warning,\n    gradient: getGradientFromToken(DataVizGradientPalette.warning),\n  },\n  {\n    x: {\n      start: new Date('2017-01-17'),\n      end: new Date('2017-02-17'),\n    },\n    y: 'Job-2',\n    legend: 'Not Started',\n    color: DataVizPalette.error,\n    gradient: getGradientFromToken(DataVizGradientPalette.error),\n  },\n  {\n    x: {\n      start: new Date('2017-03-10'),\n      end: new Date('2017-03-20'),\n    },\n    y: 'Job-3',\n    legend: 'Not Started',\n    color: DataVizPalette.error,\n    gradient: getGradientFromToken(DataVizGradientPalette.error),\n  },\n  {\n    x: {\n      start: new Date('2017-04-01'),\n      end: new Date('2017-04-20'),\n    },\n    y: 'Job-3',\n    legend: 'Not Started',\n    color: DataVizPalette.error,\n    gradient: getGradientFromToken(DataVizGradientPalette.error),\n  },\n  {\n    x: {\n      start: new Date('2017-05-18'),\n      end: new Date(new Date('2017-06-18')),\n    },\n    y: 'Job-3',\n    legend: 'Not Started',\n    color: DataVizPalette.error,\n    gradient: getGradientFromToken(DataVizGradientPalette.error),\n  },\n];\n\nexport const ganttDataWithLongY: IGanttChartDataPoint[] = [\n  {\n    x: {\n      start: new Date('2024-05-01'),\n      end: new Date('2024-05-07'),\n    },\n    y: 'Site Preparation',\n    legend: 'No',\n    color: '#637cefff',\n  },\n  {\n    x: {\n      start: new Date('2024-05-08'),\n      end: new Date('2024-05-21'),\n    },\n    y: 'Foundation Work',\n    legend: 'No',\n    color: '#637cefff',\n  },\n  {\n    x: {\n      start: new Date('2024-05-22'),\n      end: new Date('2024-06-02'),\n    },\n    y: 'Framing',\n    legend: 'No',\n    color: '#637cefff',\n  },\n  {\n    x: {\n      start: new Date('2024-06-03'),\n      end: new Date('2024-06-09'),\n    },\n    y: 'Roof Installation',\n    legend: 'No',\n    color: '#637cefff',\n  },\n  {\n    x: {\n      start: new Date('2024-06-10'),\n      end: new Date('2024-06-23'),\n    },\n    y: 'Plumbing/Electrical',\n    legend: 'No',\n    color: '#637cefff',\n  },\n  {\n    x: {\n      start: new Date('2024-07-08'),\n      end: new Date('2024-07-17'),\n    },\n    y: 'Exterior Finishing',\n    legend: 'No',\n    color: '#637cefff',\n  },\n  {\n    x: {\n      start: new Date('2024-06-24'),\n      end: new Date('2024-07-07'),\n    },\n    y: 'Interior Finishing',\n    legend: 'Yes (Phase 1)',\n    color: '#f7630cff',\n  },\n  {\n    x: {\n      start: new Date('2024-07-18'),\n      end: new Date('2024-07-24'),\n    },\n    y: 'Final Inspections',\n    legend: 'Yes (Phase 2)',\n    color: '#57811bff',\n  },\n];\n\nexport const ganttDataWithNumericY: IGanttChartDataPoint[] = [\n  {\n    x: {\n      start: new Date('2021-01-01'),\n      end: new Date('2022-01-10'),\n    },\n    y: 1,\n    legend: 'HR',\n    color: '#637cefff',\n  },\n  {\n    x: {\n      start: new Date('2022-01-15'),\n      end: new Date('2022-01-20'),\n    },\n    y: 2,\n    legend: 'Finance',\n    color: '#f7630cff',\n  },\n  {\n    x: {\n      start: new Date('2022-02-01'),\n      end: new Date('2022-02-08'),\n    },\n    y: 3,\n    legend: 'IT',\n    color: '#57811bff',\n  },\n  {\n    x: {\n      start: new Date('2022-02-10'),\n      end: new Date('2022-02-20'),\n    },\n    y: 4,\n    legend: 'Operations',\n    color: '#9373c0ff',\n  },\n  {\n    x: {\n      start: new Date('2022-03-01'),\n      end: new Date('2022-03-10'),\n    },\n    y: 5,\n    legend: 'Customer Support',\n    color: '#ca5010ff',\n  },\n  {\n    x: {\n      start: new Date('2022-03-05'),\n      end: new Date('2022-03-15'),\n    },\n    y: 6,\n    legend: 'Legal',\n    color: '#3a96ddff',\n  },\n];\n"]}

package/lib/utilities/utilities.d.ts

@@ -3,7 +3,7 @@ import { TimeLocaleDefinition as d3TimeLocaleDefinition } from 'd3-time-format';
 import { IAccessibilityProps, IEventsAnnotationProps, ILineChartPoints, IDataPoint, IVerticalStackedBarDataPoint, IVerticalBarChartDataPoint, IHorizontalBarChartWithAxisDataPoint, ILineChartLineOptions, AxisCategoryOrder } from '../index';
 import { ITheme } from '@fluentui/react';
 import { CurveFactory } from 'd3-shape';
-import { IScatterChartPoints } from '../types/IDataPoint';
+import { IGanttChartDataPoint, IScatterChartPoints } from '../types/IDataPoint';
 export declare const MIN_DOMAIN_MARGIN = 8;
 export declare const MIN_DONUT_RADIUS = 1;
 export type NumericAxis = D3Axis<number | {
@@ -18,7 +18,8 @@ export declare enum ChartTypes {
     GroupedVerticalBarChart = 4,
     HeatMapChart = 5,
     HorizontalBarChartWithAxis = 6,
-    ScatterChart = 7
+    ScatterChart = 7,
+    GanttChart = 8
 }
 export declare enum XAxisTypes {
     NumericAxis = 0,
@@ -126,13 +127,14 @@ export declare function createNumericXAxis(xAxisParams: IXAxisParams, tickParams
     xScale: import("d3-scale").ScaleLinear<number, number, never>;
     tickValues: string[];
 };
+export declare function getDateFormatLevel(date: Date, useUTC?: boolean): number;
 /**
  * Creating Date x axis of the Chart
  * @export
  * @param {IXAxisParams} xAxisParams
  * @param {ITickParams} tickParams
  */
-export declare function createDateXAxis(xAxisParams: IXAxisParams, tickParams: ITickParams, culture?: string, options?: Intl.DateTimeFormatOptions, timeFormatLocale?: d3TimeLocaleDefinition, customDateTimeFormatter?: (dateTime: Date) => string, useUTC?: boolean): {
+export declare function createDateXAxis(xAxisParams: IXAxisParams, tickParams: ITickParams, culture?: string, options?: Intl.DateTimeFormatOptions, timeFormatLocale?: d3TimeLocaleDefinition, customDateTimeFormatter?: (dateTime: Date) => string, useUTC?: boolean, chartType?: ChartTypes): {
     xScale: import("d3-scale").ScaleTime<number, number, never>;
     tickValues: string[];
 };
@@ -369,12 +371,12 @@ export declare function findVerticalNumericMinMaxOfY(points: IVerticalBarChartDa
     endValue: number;
 };
 /**
- * Fins the min and max values of the vertical bar chart y axis data point.
+ * Fins the min and max values of the horizontal bar chart y axis data point.
  * @export
- * @param {IVerticalBarChartDataPoint[]} points
+ * @param {IHorizontalBarChartWithAxisDataPoint[]|IGanttChartDataPoint[]} points
  * @returns {{ startValue: number; endValue: number }}
  */
-export declare function findHBCWANumericMinMaxOfY(points: IHorizontalBarChartWithAxisDataPoint[], yAxisType: YAxisType | undefined): {
+export declare function findHBCWANumericMinMaxOfY(points: IHorizontalBarChartWithAxisDataPoint[] | IGanttChartDataPoint[], yAxisType: YAxisType | undefined): {
     startValue: number;
     endValue: number;
 };
@@ -473,3 +475,9 @@ export declare const truncateString: (str: string, maxLength: number, ellipsis?:
 export declare const sortAxisCategories: (categoryToValues: Record<string, number[]>, categoryOrder: AxisCategoryOrder | undefined) => string[];
 export declare const getInvertedTextColor: (color: string, theme: ITheme | undefined) => string;
 export declare function getContrastTextColor(backgroundColor: string, theme: ITheme): string;
+/**
+ * Utility function to check if an array of points is scatterpolar
+ * @param points - Array of chart points
+ * @returns true if any point has lineOptions.mode as 'scatterpolar'
+ */
+export declare function isScatterPolarSeries(points: (ILineChartPoints | IScatterChartPoints)[]): boolean;