@fluentui/react-charts 0.0.0-nightly-20251211-0406.1 → 0.0.0-nightly-20251215-0407.1

package/lib/components/CommonComponents/CartesianChart.js

@@ -368,6 +368,12 @@ const DEFAULT_MARGIN_NO_TICKS = 20;
         }
         return minChartWidth;
     }
+    function _getChartDescription() {
+        return (props.chartTitle || 'Chart. ') + _getAxisTitle('X', props.xAxisTitle, props.xAxisType) + _getAxisTitle('Y', props.yAxisTitle, props.yAxisType || YAxisType.NumericAxis) + (props.secondaryYScaleOptions ? _getAxisTitle('secondary Y', props.secondaryYAxistitle, YAxisType.NumericAxis) : '');
+    }
+    function _getAxisTitle(axisLabel, axisTitle, axisType) {
+        return `The ${axisLabel} axis displays ` + (axisTitle || (axisType === XAxisTypes.StringAxis || axisType === YAxisType.StringAxis ? 'categories' : axisType === XAxisTypes.DateAxis || axisType === YAxisType.DateAxis ? 'time' : 'values')) + '. ';
+    }
     function _calcMaxLabelWidthWithTransform(x) {
         // Case: rotated labels
         if (!props.wrapXAxisLables && props.rotateXAxisLables && props.xAxisType === XAxisTypes.StringAxis) {
@@ -529,7 +535,8 @@ const DEFAULT_MARGIN_NO_TICKS = 20;
     }, _isFirstRender.current, /*#__PURE__*/ React.createElement("svg", {
         width: svgDimensions.width,
         height: svgDimensions.height,
-        "aria-label": props.chartTitle,
+        role: "region",
+        "aria-label": _getChartDescription(),
         style: {
             display: 'block'
         },

package/lib/components/CommonComponents/CartesianChart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/CommonComponents/CartesianChart.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport { ModifiedCartesianChartProps } from '../../index';\nimport { useCartesianChartStyles } from './useCartesianChartStyles.styles';\nimport { select as d3Select } from 'd3-selection';\nimport {\n  createNumericXAxis,\n  createStringXAxis,\n  IAxisData,\n  createDateXAxis,\n  IMargins,\n  XAxisTypes,\n  YAxisType,\n  createWrapOfXLabels,\n  rotateXAxisLabels,\n  calculateLongestLabelWidth,\n  createYAxisLabels,\n  ChartTypes,\n  wrapContent,\n  useRtl,\n  truncateString,\n  tooltipOfAxislabels,\n  getSecureProps,\n  DEFAULT_WRAP_WIDTH,\n} from '../../utilities/index';\nimport { useId } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport { SVGTooltipText, SVGTooltipTextProps } from '../../utilities/SVGTooltipText';\nimport { ChartAnnotationLayer } from './Annotations/ChartAnnotationLayer';\nimport { ChartAnnotationContext } from './Annotations/ChartAnnotationLayer.types';\nimport { ChartPopover } from './ChartPopover';\nimport { useFocusableGroup, useArrowNavigationGroup } from '@fluentui/react-tabster';\n\nconst HORIZONTAL_MARGIN_FOR_YAXIS_TITLE = 24;\nconst VERTICAL_MARGIN_FOR_XAXIS_TITLE = 20;\nconst AXIS_TITLE_PADDING = 8;\nconst DEFAULT_MARGIN_WITH_TICKS = 40;\nconst DEFAULT_MARGIN_NO_TICKS = 20;\n\n/**\n * Cartesian Chart component\n * {@docCategory CartesianChart}\n */\nexport const CartesianChart: React.FunctionComponent<ModifiedCartesianChartProps> = React.forwardRef<\n  HTMLDivElement,\n  ModifiedCartesianChartProps\n>(({ hideTickOverlap = true, ...props }, forwardedRef) => {\n  const chartContainer = React.useRef<HTMLDivElement | null>(null);\n  let legendContainer: HTMLDivElement;\n  const minLegendContainerHeight: number = 40;\n  const xAxisElement = React.useRef<SVGSVGElement | null>(null);\n  const yAxisElement = React.useRef<SVGSVGElement | null>(null);\n  const yAxisElementSecondary = React.useRef<SVGSVGElement | null>(null);\n  let margins: IMargins;\n  const idForGraph: string = 'chart_';\n  let _reqID: number | undefined;\n  const _useRtl: boolean = useRtl();\n  let _tickValues: (string | number)[];\n  const _isFirstRender = React.useRef<boolean>(true);\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  let _xScale: any;\n  const isIntegralDataset = React.useMemo(() => {\n    return !props.points.some((point: { y: number }) => point.y % 1 !== 0);\n  }, [props.points]);\n  let _tooltipId: string = useId('tooltip_');\n  /* Used for when WrapXAxisLabels props appeared.\n   * To display the total word (space separated words), Need to have more space than usual.\n   * This height will get total height need to disaply total word.\n   * These value need to be removed from actual svg height/graph height.\n   * Defalut value is 0. And this values calculted when 'wrapXAxisLables' or 'showXAxisLablesTooltip' is true.\n   */\n  let _removalValueForTextTuncate: number = 0;\n  const _yAxisTickText = React.useRef<string[]>([]);\n\n  const [containerWidth, setContainerWidth] = React.useState<number>(0);\n  const [containerHeight, setContainerHeight] = React.useState<number>(0);\n  const [startFromX, setStartFromX] = React.useState<number>(0);\n  const prevWidthRef = React.useRef<number | undefined>(undefined);\n  const prevHeightRef = React.useRef<number | undefined>(undefined);\n\n  const classes = useCartesianChartStyles(props);\n  const focusAttributes = useFocusableGroup();\n  const arrowAttributes = useArrowNavigationGroup({ axis: 'horizontal' });\n  // ComponentdidMount and Componentwillunmount logic\n  React.useEffect(() => {\n    _fitParentContainer();\n    if (props.showYAxisLables) {\n      const maxYAxisLabelLength = calculateMaxYAxisLabelLength(classes.yAxis!);\n      if (startFromX !== maxYAxisLabelLength) {\n        setStartFromX(maxYAxisLabelLength);\n      }\n    } else if (startFromX !== 0) {\n      setStartFromX(0);\n    }\n    return () => {\n      if (_reqID !== undefined) {\n        cancelAnimationFrame(_reqID);\n      }\n    };\n  }, [props]);\n\n  // ComponentDidUpdate logic\n  React.useEffect(() => {\n    // Check if height or width changed\n    if (\n      prevWidthRef.current !== undefined &&\n      prevHeightRef.current !== undefined &&\n      (prevWidthRef.current !== props.width || prevHeightRef.current !== props.height)\n    ) {\n      _fitParentContainer();\n    }\n    // Update refs with current values\n    prevWidthRef.current = props.width;\n    prevHeightRef.current = props.height;\n\n    if (props.showYAxisLables) {\n      const maxYAxisLabelLength = calculateMaxYAxisLabelLength(classes.yAxis!);\n      if (startFromX !== maxYAxisLabelLength) {\n        setStartFromX(maxYAxisLabelLength);\n      }\n    } else if (startFromX !== 0) {\n      setStartFromX(0);\n    }\n  }, [props.width, props.height, props.chartType, props.showYAxisLables, props.yAxisType]);\n\n  React.useImperativeHandle(\n    props.componentRef,\n    () => ({\n      chartContainer: chartContainer.current ?? null,\n    }),\n    [],\n  );\n\n  /**\n   * Dedicated function to return the Callout JSX Element , which can further be used to only call this when\n   * only the calloutprops and charthover props changes.\n   * @param calloutProps\n   * @param chartHoverProps\n   * @returns\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  function _generateCallout(calloutProps: any): JSXElement {\n    return <ChartPopover {...calloutProps} />;\n  }\n\n  function calculateMaxYAxisLabelLength(className: string): number {\n    const formatTickLabel = (str: string) => {\n      if (props.showYAxisLablesTooltip) {\n        return truncateString(str, props.noOfCharsToTruncate || 4);\n      }\n\n      return str;\n    };\n    return calculateLongestLabelWidth(\n      _yAxisTickText.current.map(label => formatTickLabel(label)),\n      `.${className} text`,\n    );\n  }\n\n  const {\n    calloutProps,\n    points,\n    chartType,\n    svgProps,\n    culture,\n    dateLocalizeOptions,\n    timeFormatLocale,\n    customDateTimeFormatter,\n  } = props;\n  if (props.parentRef) {\n    _fitParentContainer();\n  }\n\n  margins = _calcMargins();\n  // Callback for margins to the chart\n  props.getmargins && props.getmargins(margins);\n\n  let callout: JSXElement | null = null;\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  let yScalePrimary: any;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  let yScaleSecondary: any;\n\n  let children = null;\n  if ((props.enableFirstRenderOptimization && chartContainer.current) || !props.enableFirstRenderOptimization) {\n    _isFirstRender.current = false;\n    const XAxisParams = {\n      domainNRangeValues: props.getDomainNRangeValues(\n        points,\n        props.getDomainMargins ? props.getDomainMargins(containerWidth) : margins,\n        containerWidth,\n        chartType,\n        _useRtl,\n        props.xAxisType,\n        props.barwidth!,\n        props.tickValues!,\n      ),\n      // FIXME: In XAxisParams, containerHeight is used by HBWA to generate vertical gridlines.\n      // Since the x-axis in HBWA is numeric, it typically doesn't require transformation.\n      // However, if transformation props are enabled, the updated _removalValueForTextTuncate\n      // will only be available in the next render, as it's set after the axis is created.\n      // Solution: Delay the creation of gridlines until after the transformation has been applied,\n      // or precompute the required height for transformed labels (_removalValueForTextTuncate).\n      containerHeight: containerHeight - _removalValueForTextTuncate,\n      margins: margins,\n      xAxisElement: xAxisElement.current!,\n      showRoundOffXTickValues: props.showRoundOffXTickValues ?? true,\n      xAxisCount: props.xAxisTickCount,\n      xAxistickSize: props.xAxistickSize,\n      tickPadding: props.tickPadding || props.showXAxisLablesTooltip ? 5 : 10,\n      xAxisPadding: props.xAxisPadding,\n      xAxisInnerPadding: props.xAxisInnerPadding,\n      xAxisOuterPadding: props.xAxisOuterPadding,\n      containerWidth: containerWidth,\n      hideTickOverlap: props.rotateXAxisLables ? false : hideTickOverlap,\n      calcMaxLabelWidth: _calcMaxLabelWidthWithTransform,\n      xMinValue: props.xMinValue,\n      xMaxValue: props.xMaxValue,\n      ...props.xAxis,\n    };\n\n    /**\n     * These scales used for 2 purposes.\n     * 1. To create x and y axis\n     * 2. To draw the graph.\n     * For area/line chart using same scales. For other charts, creating their own scales to draw the graph.\n     */\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    let xScale: any;\n    let tickValues: (string | number)[];\n    switch (props.xAxisType!) {\n      case XAxisTypes.NumericAxis:\n        ({ xScale, tickValues } = createNumericXAxis(\n          XAxisParams,\n          props.tickParams!,\n          props.chartType,\n          culture,\n          props.xScaleType,\n          _useRtl,\n        ));\n        break;\n      case XAxisTypes.DateAxis:\n        ({ xScale, tickValues } = createDateXAxis(\n          XAxisParams,\n          props.tickParams!,\n          culture,\n          dateLocalizeOptions,\n          timeFormatLocale,\n          customDateTimeFormatter,\n          props.useUTC,\n          props.chartType,\n        ));\n        break;\n      case XAxisTypes.StringAxis:\n        ({ xScale, tickValues } = createStringXAxis(\n          XAxisParams,\n          props.tickParams!,\n          props.datasetForXAxisDomain!,\n          culture,\n          _useRtl,\n        ));\n        break;\n      default:\n        ({ xScale, tickValues } = createNumericXAxis(\n          XAxisParams,\n          props.tickParams!,\n          props.chartType,\n          culture,\n          props.xScaleType,\n          _useRtl,\n        ));\n    }\n    _xScale = xScale;\n    _tickValues = tickValues;\n\n    _transformXAxisLabels();\n\n    const YAxisParams = {\n      margins: props.getYDomainMargins ? props.getYDomainMargins(containerHeight) : margins,\n      containerWidth: containerWidth,\n      containerHeight: containerHeight - _removalValueForTextTuncate,\n      yAxisElement: yAxisElement.current!,\n      yAxisTickFormat: props.yAxisTickFormat!,\n      yAxisTickCount: props.yAxisTickCount!,\n      yMinValue: props.yMinValue || 0,\n      yMaxValue: props.yMaxValue || 0,\n      tickPadding: 10,\n      maxOfYVal: props.maxOfYVal,\n      yMinMaxValues: props.getMinMaxOfYAxis(points, props.yAxisType),\n      // please note these padding default values must be consistent in here\n      // and the parent chart(HBWA/Vertical etc..) for more details refer example\n      // http://using-d3js.com/04_07_ordinal_scales.html\n      yAxisPadding: props.yAxisPadding || 0,\n      tickValues: props.yAxisTickValues,\n      ...props.yAxis,\n    };\n    /**\n     * These scales used for 2 purposes.\n     * 1. To create x and y axis\n     * 2. To draw the graph.\n     * For area/line chart using same scales. For other charts, creating their own scales to draw the graph.\n     */\n    const axisData: IAxisData = { yAxisDomainValues: [], yAxisTickText: [] };\n    if (props.yAxisType && props.yAxisType === YAxisType.StringAxis) {\n      yScalePrimary = props.createStringYAxis(\n        YAxisParams,\n        props.stringDatasetForYAxisDomain!,\n        _useRtl,\n        axisData,\n        props.barwidth,\n        props.chartType,\n      );\n    } else {\n      // TODO: Since the scale domain values are now computed independently for both the primary and\n      // secondary y-axes, the yMinValue and yMaxValue props are no longer necessary for accurately\n      // rendering the secondary y-axis. Therefore, rather than checking the secondaryYScaleOptions\n      // prop to determine whether to create a secondary y-axis, it's more appropriate to check if any\n      // data points are assigned to use the secondary y-scale.\n      if (props?.secondaryYScaleOptions) {\n        const YAxisParamsSecondary = {\n          margins: margins,\n          containerWidth: containerWidth,\n          containerHeight: containerHeight - _removalValueForTextTuncate!,\n          yAxisElement: yAxisElementSecondary.current,\n          yAxisTickFormat: props.yAxisTickFormat!,\n          yAxisTickCount: props.yAxisTickCount!,\n          yMinValue: props.secondaryYScaleOptions?.yMinValue || 0,\n          yMaxValue: props.secondaryYScaleOptions?.yMaxValue ?? 100,\n          tickPadding: 10,\n          yMinMaxValues: props.getMinMaxOfYAxis(points, props.yAxisType, true),\n          yAxisPadding: props.yAxisPadding,\n        };\n\n        yScaleSecondary = props.createYAxis(\n          YAxisParamsSecondary,\n          _useRtl,\n          axisData,\n          isIntegralDataset,\n          chartType,\n          true,\n          props.roundedTicks!,\n          props.secondaryYScaleType,\n          _useRtl,\n        );\n      }\n      yScalePrimary = props.createYAxis(\n        YAxisParams,\n        _useRtl,\n        axisData,\n        isIntegralDataset,\n        chartType,\n        false,\n        props.roundedTicks!,\n        props.yScaleType,\n        _useRtl,\n      );\n    }\n    _yAxisTickText.current = axisData.yAxisTickText;\n    props.getAxisData && props.getAxisData(axisData);\n\n    // Removing un wanted tooltip div from DOM, when prop not provided, for proper cleanup\n    // of unwanted DOM elements, to prevent flacky behaviour in tooltips , that might occur\n    // in creating tooltips when tooltips are enabled( as we try to recreate a tspan with _tooltipId)\n    if (!props.showYAxisLablesTooltip) {\n      try {\n        document.getElementById(_tooltipId) && document.getElementById(_tooltipId)!.remove();\n        //eslint-disable-next-line no-empty\n      } catch (e) {}\n    }\n    // Used to display tooltip at y axis labels.\n    if (props.showYAxisLablesTooltip) {\n      // To create y axis tick values by if specified truncating the rest of the text\n      // and showing elipsis or showing the whole string,\n      yScalePrimary &&\n        // Note: This function should be invoked within the showYAxisLablesTooltip check,\n        // as its sole purpose is to truncate labels that exceed the noOfCharsToTruncate limit.\n        createYAxisLabels(\n          yAxisElement.current!,\n          yScalePrimary,\n          props.noOfCharsToTruncate || 4,\n          props.showYAxisLablesTooltip || false,\n          _useRtl,\n        );\n      const _yAxisElement = d3Select(yAxisElement.current!).call(yScalePrimary);\n      try {\n        document.getElementById(_tooltipId) && document.getElementById(_tooltipId)!.remove();\n        //eslint-disable-next-line no-empty\n      } catch (e) {}\n      const ytooltipProps = {\n        tooltipCls: classes.tooltip!,\n        id: _tooltipId,\n        axis: _yAxisElement,\n      };\n      _yAxisElement && tooltipOfAxislabels(ytooltipProps);\n    }\n\n    // Call back to the chart.\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const _getData = (xScale: any, yScalePrimary: any, yScaleSecondary: any) => {\n      props.getGraphData &&\n        props.getGraphData(\n          xScale,\n          yScalePrimary,\n          containerHeight - _removalValueForTextTuncate!,\n          containerWidth,\n          xAxisElement.current,\n          yAxisElement.current,\n          yScaleSecondary,\n        );\n    };\n\n    // Callback function for chart, returns axis\n    _getData(xScale, yScalePrimary, yScaleSecondary);\n\n    children = props.children({\n      xScale,\n      yScalePrimary,\n      yScaleSecondary,\n      containerHeight,\n      containerWidth,\n    });\n\n    if (!props.hideTooltip && calloutProps!.isPopoverOpen) {\n      callout = _generateCallout(calloutProps);\n    }\n  }\n  const svgDimensions = {\n    width: containerWidth,\n    height: containerHeight,\n  };\n\n  const plotWidth = Math.max(0, svgDimensions.width - margins.left! - margins.right!);\n  const plotHeight = Math.max(0, svgDimensions.height - margins.top! - margins.bottom! - _removalValueForTextTuncate);\n\n  const plotRect = {\n    x: margins.left!,\n    y: margins.top!,\n    width: plotWidth,\n    height: plotHeight,\n  };\n\n  const annotations = props.annotations ?? [];\n  const hasAnnotations = annotations.length > 0;\n  const annotationContext: ChartAnnotationContext | undefined = hasAnnotations\n    ? {\n        plotRect,\n        svgRect: svgDimensions,\n        isRtl: _useRtl,\n        xScale: _xScale,\n        yScalePrimary,\n        yScaleSecondary,\n      }\n    : undefined;\n\n  const xAxisTitleMaxWidth = svgDimensions.width - margins.left! - margins.right! - AXIS_TITLE_PADDING * 2;\n  const yAxisTitleMaxHeight =\n    svgDimensions.height - margins.bottom! - margins.top! - _removalValueForTextTuncate! - AXIS_TITLE_PADDING * 2;\n  const yAxisTitleCenterY = margins.top! + AXIS_TITLE_PADDING + yAxisTitleMaxHeight / 2;\n  const yAxisTitleCenterX = _useRtl\n    ? svgDimensions.width - AXIS_TITLE_PADDING\n    : HORIZONTAL_MARGIN_FOR_YAXIS_TITLE - AXIS_TITLE_PADDING;\n  const secondaryYAxisTitleCenterX = _useRtl\n    ? HORIZONTAL_MARGIN_FOR_YAXIS_TITLE - AXIS_TITLE_PADDING\n    : svgDimensions.width - AXIS_TITLE_PADDING;\n\n  const commonSvgToolTipProps: SVGTooltipTextProps = {\n    wrapContent,\n    showBackground: true,\n    className: classes.svgTooltip,\n    content: '',\n  };\n  /**\n   * When screen resizes, along with screen, chart also auto adjusted.\n   * This method used to adjust height and width of the charts.\n   */\n  function _fitParentContainer(): void {\n    //_reqID = requestAnimationFrame(() => {\n    let legendContainerHeight;\n    if (props.hideLegend) {\n      // If there is no legend, need not to allocate some space from total chart space.\n      legendContainerHeight = 0;\n    } else {\n      const legendContainerComputedStyles = legendContainer && getComputedStyle(legendContainer);\n      legendContainerHeight =\n        ((legendContainer && legendContainer.getBoundingClientRect().height) || minLegendContainerHeight) +\n        parseFloat((legendContainerComputedStyles && legendContainerComputedStyles.marginTop) || '0') +\n        parseFloat((legendContainerComputedStyles && legendContainerComputedStyles.marginBottom) || '0');\n    }\n    if (props.parentRef || chartContainer.current) {\n      const container = props.parentRef ? props.parentRef : chartContainer.current!;\n      const currentContainerWidth =\n        props.reflowProps?.mode === 'min-width' && !_isFirstRender.current\n          ? Math.max(container.getBoundingClientRect().width, _calculateChartMinWidth())\n          : container.getBoundingClientRect().width;\n      const currentContainerHeight =\n        container.getBoundingClientRect().height > legendContainerHeight\n          ? container.getBoundingClientRect().height\n          : 350;\n      const shouldResize =\n        containerWidth !== currentContainerWidth || containerHeight !== currentContainerHeight - legendContainerHeight;\n      if (shouldResize) {\n        setContainerWidth(currentContainerWidth);\n        setContainerHeight(currentContainerHeight - legendContainerHeight);\n      }\n    }\n    //});\n  }\n\n  function _onChartLeave(): void {\n    props.onChartMouseLeave && props.onChartMouseLeave();\n  }\n\n  function _calculateChartMinWidth(): number {\n    // Adding 10px for padding on both sides\n    const labelWidth = _calcMaxLabelWidthWithTransform(_tickValues) + 10;\n\n    let minChartWidth = margins.left! + margins.right! + labelWidth * (_tickValues.length - 1);\n\n    if (\n      [ChartTypes.GroupedVerticalBarChart, ChartTypes.VerticalBarChart, ChartTypes.VerticalStackedBarChart].includes(\n        props.chartType,\n      )\n    ) {\n      const minDomainMargin = 8;\n      minChartWidth += minDomainMargin * 2;\n    }\n\n    return minChartWidth;\n  }\n\n  function _calcMaxLabelWidthWithTransform(x: (string | number)[]) {\n    // Case: rotated labels\n    if (!props.wrapXAxisLables && props.rotateXAxisLables && props.xAxisType! === XAxisTypes.StringAxis) {\n      const longestLabelWidth = calculateLongestLabelWidth(x, `.${classes.xAxis} text`);\n      return Math.ceil(longestLabelWidth * Math.cos(Math.PI / 4));\n    }\n\n    // Case: truncated labels\n    if (props.showXAxisLablesTooltip) {\n      const tickValues = x.map(val => {\n        const numChars = props.noOfCharsToTruncate || 4;\n        return val.toString().length > numChars ? `${val.toString().slice(0, numChars)}...` : val;\n      });\n\n      const longestLabelWidth = calculateLongestLabelWidth(tickValues, `.${classes.xAxis} text`);\n      return Math.ceil(longestLabelWidth);\n    }\n\n    // Case: wrapped labels\n    if (props.wrapXAxisLables) {\n      // FIXME: Calculate the max width of lines instead of words. This requires applying\n      // the wrapping transformation earlier to obtain the actual rendered lines.\n      const words: string[] = [];\n      x.forEach((val: string) => {\n        words.push(...val.toString().split(/\\s+/));\n      });\n\n      // This approach works well in most cases, since overflow typically occurs only when\n      // a single word exceeds the specified width — otherwise, the text will wrap as expected.\n      const longestLabelWidth = calculateLongestLabelWidth(words, `.${classes.xAxis} text`);\n      return Math.max(Math.ceil(longestLabelWidth), DEFAULT_WRAP_WIDTH);\n    }\n\n    // Default case\n    const longestLabelWidth = calculateLongestLabelWidth(x, `.${classes.xAxis} text`);\n    return Math.ceil(longestLabelWidth);\n  }\n\n  function _transformXAxisLabels() {\n    _removalValueForTextTuncate = 0;\n\n    /*\n     * To enable wrapping of x axis tick values or to display complete x axis tick values,\n     * we need to calculate how much space it needed to render the text.\n     * No need to re-calculate every time the chart renders and same time need to get an update. So using setState.\n     * Required space will be calculated first time chart rendering and if any width/height of chart updated.\n     * */\n    if (props.wrapXAxisLables || props.showXAxisLablesTooltip) {\n      let maxXAxisLabelWidth: number | undefined;\n      if (props.xAxisType === XAxisTypes.StringAxis) {\n        if ((props.datasetForXAxisDomain?.length || 0) > 1) {\n          maxXAxisLabelWidth = _xScale.step();\n        } else {\n          maxXAxisLabelWidth = containerWidth;\n        }\n      }\n\n      const wrapLabelProps = {\n        node: xAxisElement.current!,\n        xAxis: _xScale,\n        showXAxisLablesTooltip: props.showXAxisLablesTooltip || false,\n        noOfCharsToTruncate: props.noOfCharsToTruncate || 4,\n        width: maxXAxisLabelWidth,\n      };\n      _removalValueForTextTuncate = createWrapOfXLabels(wrapLabelProps) ?? 0;\n    }\n\n    if (!props.wrapXAxisLables && props.rotateXAxisLables && props.xAxisType! === XAxisTypes.StringAxis) {\n      const rotateLabelProps = {\n        node: xAxisElement.current!,\n        xAxis: _xScale,\n      };\n      const rotatedHeight = rotateXAxisLabels(rotateLabelProps) ?? 0;\n      // margins.bottom is used as padding here\n      _removalValueForTextTuncate = rotatedHeight + margins.bottom!;\n    }\n  }\n\n  function _calcMargins(): IMargins {\n    let _margins = _getDefaultMargins();\n\n    _margins = _applyTitleMargins(_margins);\n    _margins = _applyAnnotationMargins(_margins);\n\n    if (_useRtl) {\n      _margins = _swapRtlMargins(_margins);\n    }\n\n    return {\n      ..._margins,\n      ...props.margins,\n    };\n  }\n\n  function _getDefaultMargins(): IMargins {\n    return {\n      top: DEFAULT_MARGIN_NO_TICKS,\n      // Smaller than the default because it is based on the line height rather than\n      // the length of the tick labels.\n      bottom: DEFAULT_MARGIN_WITH_TICKS - 5,\n      // For the actual margin, add the tick size, tick padding, and some extra space to\n      // the width of the longest yaxis tick label (startFromX).\n      left: Math.max(DEFAULT_MARGIN_WITH_TICKS, startFromX + 20),\n      right: props.secondaryYScaleOptions ? DEFAULT_MARGIN_WITH_TICKS : DEFAULT_MARGIN_NO_TICKS,\n    };\n  }\n\n  function _applyTitleMargins(_margins: IMargins): IMargins {\n    const updated = { ..._margins };\n    if (props.xAxisTitle !== undefined && props.xAxisTitle !== '') {\n      updated.bottom! += VERTICAL_MARGIN_FOR_XAXIS_TITLE;\n    }\n    if (props.yAxisTitle !== undefined && props.yAxisTitle !== '') {\n      updated.left! += HORIZONTAL_MARGIN_FOR_YAXIS_TITLE;\n    }\n    if (props.secondaryYAxistitle !== undefined && props.secondaryYAxistitle !== '') {\n      updated.right! += HORIZONTAL_MARGIN_FOR_YAXIS_TITLE;\n    }\n    return updated;\n  }\n\n  function _applyAnnotationMargins(_margins: IMargins): IMargins {\n    const updated = { ..._margins };\n    if (props.xAxisAnnotation !== undefined && props.xAxisAnnotation !== '') {\n      updated.top! += VERTICAL_MARGIN_FOR_XAXIS_TITLE;\n    }\n    if (\n      props.yAxisAnnotation !== undefined &&\n      props.yAxisAnnotation !== '' &&\n      (props.secondaryYAxistitle === undefined || props.secondaryYAxistitle === '')\n    ) {\n      updated.right! += HORIZONTAL_MARGIN_FOR_YAXIS_TITLE;\n    }\n    return updated;\n  }\n\n  function _swapRtlMargins(_margins: IMargins): IMargins {\n    return {\n      ..._margins,\n      left: _margins.right,\n      right: _margins.left,\n    };\n  }\n\n  /**\n   * We have use the {@link defaultTabbableElement } to fix\n   * the Focus not landing on chart while tabbing, instead  goes to legend.\n   * This issue is observed in Area, line chart after performance optimization done in the PR {@link https://github.com/microsoft/fluentui/pull/27721 }\n   * This issue is observed in Bar charts after the changes done by FocusZone team in the PR: {@link https://github.com/microsoft/fluentui/pull/24175 }\n   * The issue in Bar Charts(VB and VSB) is due to a {@link FocusZone } update where previously an event listener was\n   * attached on keydown to the window, so that whenever the tab key is pressed all outer FocusZone's\n   * tab-indexes are updated (an outer FocusZone is a FocusZone that is not within another one).\n   * But now after the above PR : they are attaching the\n   * listeners to the FocusZone elements instead of the window. So in the first render cycle in Bar charts\n   * bars are not created as in the first render cycle the size of the chart container is not known( or is 0)\n   * which creates bars of height 0 so instead we do not create any bars  and instead return empty fragments.\n   *\n   * We have tried 2 Approaches to fix the issue:\n   * 1. Using the {@link elementRef} property of FocusZone where we dispatch event for tab keydown\n   *    after the second render cycle which triggers an update of the tab index in FocusZone.\n   *    But this is a hacky solution and not a proper fix and also elementRef is deprecated.\n   * 2. Using the default tabbable element to fix the issue.\n   */\n\n  return (\n    <div\n      id={idForGraph}\n      className={classes.root}\n      role={'presentation'}\n      ref={(rootElem: HTMLDivElement) => {\n        chartContainer.current = rootElem;\n      }}\n      onMouseLeave={_onChartLeave}\n    >\n      <div className={classes.chartWrapper} {...focusAttributes} {...arrowAttributes}>\n        {_isFirstRender.current}\n        <svg\n          width={svgDimensions.width}\n          height={svgDimensions.height}\n          aria-label={props.chartTitle}\n          style={{ display: 'block' }}\n          className={classes.chart}\n          {...getSecureProps(svgProps)}\n        >\n          <g\n            ref={(e: SVGSVGElement | null) => {\n              xAxisElement.current = e!;\n            }}\n            id={`xAxisGElement${idForGraph}`}\n            // To add wrap of x axis lables feature, need to remove word height from svg height.\n            transform={`translate(0, ${svgDimensions.height - margins.bottom! - _removalValueForTextTuncate!})`}\n            className={classes.xAxis}\n          />\n          {props.xAxisTitle !== undefined && props.xAxisTitle !== '' && (\n            <SVGTooltipText\n              {...commonSvgToolTipProps}\n              content={props.xAxisTitle}\n              textProps={{\n                x: margins.left! + AXIS_TITLE_PADDING + xAxisTitleMaxWidth / 2,\n                y: svgDimensions.height - AXIS_TITLE_PADDING,\n                className: classes.axisTitle!,\n                textAnchor: 'middle',\n              }}\n              maxWidth={xAxisTitleMaxWidth}\n            />\n          )}\n          {props.xAxisAnnotation !== undefined && props.xAxisAnnotation !== '' && (\n            <SVGTooltipText\n              {...commonSvgToolTipProps}\n              content={props.xAxisAnnotation}\n              textProps={{\n                x: margins.left! + AXIS_TITLE_PADDING + xAxisTitleMaxWidth / 2,\n                y: VERTICAL_MARGIN_FOR_XAXIS_TITLE - AXIS_TITLE_PADDING,\n                className: classes.axisAnnotation!,\n                textAnchor: 'middle',\n                'aria-hidden': true,\n              }}\n              maxWidth={xAxisTitleMaxWidth}\n            />\n          )}\n          <g\n            ref={(e: SVGSVGElement | null) => {\n              yAxisElement.current = e!;\n            }}\n            id={`yAxisGElement${idForGraph}`}\n            transform={`translate(${_useRtl ? svgDimensions.width - margins.right! : margins.left!}, 0)`}\n            className={classes.yAxis}\n          />\n          {props.secondaryYScaleOptions && (\n            <g>\n              <g\n                ref={(e: SVGSVGElement | null) => {\n                  yAxisElementSecondary.current = e!;\n                }}\n                id={`yAxisGElementSecondary${idForGraph}`}\n                transform={`translate(${_useRtl ? margins.left! : svgDimensions.width - margins.right!}, 0)`}\n                className={classes.yAxis}\n              />\n              {props.secondaryYAxistitle !== undefined && props.secondaryYAxistitle !== '' && (\n                <SVGTooltipText\n                  {...commonSvgToolTipProps}\n                  content={props.secondaryYAxistitle}\n                  textProps={{\n                    x: secondaryYAxisTitleCenterX,\n                    y: yAxisTitleCenterY,\n                    textAnchor: 'middle',\n                    transform: `rotate(-90, ${secondaryYAxisTitleCenterX}, ${yAxisTitleCenterY})`,\n                    className: classes.axisTitle!,\n                  }}\n                  maxWidth={yAxisTitleMaxHeight}\n                />\n              )}\n            </g>\n          )}\n          {children}\n          {props.yAxisTitle !== undefined && props.yAxisTitle !== '' && (\n            <SVGTooltipText\n              {...commonSvgToolTipProps}\n              content={props.yAxisTitle}\n              textProps={{\n                x: yAxisTitleCenterX,\n                y: yAxisTitleCenterY,\n                textAnchor: 'middle',\n                transform: `rotate(-90, ${yAxisTitleCenterX}, ${yAxisTitleCenterY})`,\n                className: classes.axisTitle!,\n              }}\n              maxWidth={yAxisTitleMaxHeight}\n            />\n          )}\n          {props.yAxisAnnotation !== undefined &&\n            props.yAxisAnnotation !== '' &&\n            (props.secondaryYAxistitle === undefined || props.secondaryYAxistitle === '') && (\n              <SVGTooltipText\n                {...commonSvgToolTipProps}\n                content={props.yAxisAnnotation}\n                textProps={{\n                  x: secondaryYAxisTitleCenterX,\n                  y: yAxisTitleCenterY,\n                  textAnchor: 'middle',\n                  transform: `rotate(-90, ${secondaryYAxisTitleCenterX}, ${yAxisTitleCenterY})`,\n                  className: classes.axisAnnotation!,\n                  'aria-hidden': true,\n                }}\n                maxWidth={yAxisTitleMaxHeight}\n              />\n            )}\n        </svg>\n        {hasAnnotations && annotationContext && (\n          <ChartAnnotationLayer\n            annotations={annotations}\n            context={annotationContext}\n            className={classes.annotationLayer}\n          />\n        )}\n      </div>\n\n      {!props.hideLegend && (\n        <div\n          ref={(e: HTMLDivElement) => {\n            legendContainer = e;\n          }}\n          className={classes.legendContainer}\n        >\n          {props.legendBars}\n        </div>\n      )}\n      {/** The callout is used for narration, so keep it mounted on the DOM */}\n      {callout && <React.Suspense fallback={<div>Loading...</div>}>{callout}</React.Suspense>}\n    </div>\n  );\n});\nCartesianChart.displayName = 'CartesianChart';\n"],"names":["React","useCartesianChartStyles","select","d3Select","createNumericXAxis","createStringXAxis","createDateXAxis","XAxisTypes","YAxisType","createWrapOfXLabels","rotateXAxisLabels","calculateLongestLabelWidth","createYAxisLabels","ChartTypes","wrapContent","useRtl","truncateString","tooltipOfAxislabels","getSecureProps","DEFAULT_WRAP_WIDTH","useId","SVGTooltipText","ChartAnnotationLayer","ChartPopover","useFocusableGroup","useArrowNavigationGroup","HORIZONTAL_MARGIN_FOR_YAXIS_TITLE","VERTICAL_MARGIN_FOR_XAXIS_TITLE","AXIS_TITLE_PADDING","DEFAULT_MARGIN_WITH_TICKS","DEFAULT_MARGIN_NO_TICKS","CartesianChart","forwardRef","hideTickOverlap","props","forwardedRef","chartContainer","useRef","legendContainer","minLegendContainerHeight","xAxisElement","yAxisElement","yAxisElementSecondary","margins","idForGraph","_reqID","_useRtl","_tickValues","_isFirstRender","_xScale","isIntegralDataset","useMemo","points","some","point","y","_tooltipId","_removalValueForTextTuncate","_yAxisTickText","containerWidth","setContainerWidth","useState","containerHeight","setContainerHeight","startFromX","setStartFromX","prevWidthRef","undefined","prevHeightRef","classes","focusAttributes","arrowAttributes","axis","useEffect","_fitParentContainer","showYAxisLables","maxYAxisLabelLength","calculateMaxYAxisLabelLength","yAxis","cancelAnimationFrame","current","width","height","chartType","yAxisType","useImperativeHandle","componentRef","_generateCallout","calloutProps","className","formatTickLabel","str","showYAxisLablesTooltip","noOfCharsToTruncate","map","label","svgProps","culture","dateLocalizeOptions","timeFormatLocale","customDateTimeFormatter","parentRef","_calcMargins","getmargins","callout","yScalePrimary","yScaleSecondary","children","enableFirstRenderOptimization","XAxisParams","domainNRangeValues","getDomainNRangeValues","getDomainMargins","xAxisType","barwidth","tickValues","showRoundOffXTickValues","xAxisCount","xAxisTickCount","xAxistickSize","tickPadding","showXAxisLablesTooltip","xAxisPadding","xAxisInnerPadding","xAxisOuterPadding","rotateXAxisLables","calcMaxLabelWidth","_calcMaxLabelWidthWithTransform","xMinValue","xMaxValue","xAxis","xScale","NumericAxis","tickParams","xScaleType","DateAxis","useUTC","StringAxis","datasetForXAxisDomain","_transformXAxisLabels","YAxisParams","getYDomainMargins","yAxisTickFormat","yAxisTickCount","yMinValue","yMaxValue","maxOfYVal","yMinMaxValues","getMinMaxOfYAxis","yAxisPadding","yAxisTickValues","axisData","yAxisDomainValues","yAxisTickText","createStringYAxis","stringDatasetForYAxisDomain","secondaryYScaleOptions","YAxisParamsSecondary","createYAxis","roundedTicks","secondaryYScaleType","yScaleType","getAxisData","document","getElementById","remove","e","_yAxisElement","call","ytooltipProps","tooltipCls","tooltip","id","_getData","getGraphData","hideTooltip","isPopoverOpen","svgDimensions","plotWidth","Math","max","left","right","plotHeight","top","bottom","plotRect","x","annotations","hasAnnotations","length","annotationContext","svgRect","isRtl","xAxisTitleMaxWidth","yAxisTitleMaxHeight","yAxisTitleCenterY","yAxisTitleCenterX","secondaryYAxisTitleCenterX","commonSvgToolTipProps","showBackground","svgTooltip","content","legendContainerHeight","hideLegend","legendContainerComputedStyles","getComputedStyle","getBoundingClientRect","parseFloat","marginTop","marginBottom","container","currentContainerWidth","reflowProps","mode","_calculateChartMinWidth","currentContainerHeight","shouldResize","_onChartLeave","onChartMouseLeave","labelWidth","minChartWidth","GroupedVerticalBarChart","VerticalBarChart","VerticalStackedBarChart","includes","minDomainMargin","wrapXAxisLables","longestLabelWidth","ceil","cos","PI","val","numChars","toString","slice","words","forEach","push","split","maxXAxisLabelWidth","step","wrapLabelProps","node","rotateLabelProps","rotatedHeight","_margins","_getDefaultMargins","_applyTitleMargins","_applyAnnotationMargins","_swapRtlMargins","updated","xAxisTitle","yAxisTitle","secondaryYAxistitle","xAxisAnnotation","yAxisAnnotation","div","root","role","ref","rootElem","onMouseLeave","chartWrapper","svg","aria-label","chartTitle","style","display","chart","g","transform","textProps","axisTitle","textAnchor","maxWidth","axisAnnotation","context","annotationLayer","legendBars","Suspense","fallback","displayName"],"mappings":"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"}
+{"version":3,"sources":["../src/components/CommonComponents/CartesianChart.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport { ModifiedCartesianChartProps } from '../../index';\nimport { useCartesianChartStyles } from './useCartesianChartStyles.styles';\nimport { select as d3Select } from 'd3-selection';\nimport {\n  createNumericXAxis,\n  createStringXAxis,\n  IAxisData,\n  createDateXAxis,\n  IMargins,\n  XAxisTypes,\n  YAxisType,\n  createWrapOfXLabels,\n  rotateXAxisLabels,\n  calculateLongestLabelWidth,\n  createYAxisLabels,\n  ChartTypes,\n  wrapContent,\n  useRtl,\n  truncateString,\n  tooltipOfAxislabels,\n  getSecureProps,\n  DEFAULT_WRAP_WIDTH,\n} from '../../utilities/index';\nimport { useId } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport { SVGTooltipText, SVGTooltipTextProps } from '../../utilities/SVGTooltipText';\nimport { ChartAnnotationLayer } from './Annotations/ChartAnnotationLayer';\nimport { ChartAnnotationContext } from './Annotations/ChartAnnotationLayer.types';\nimport { ChartPopover } from './ChartPopover';\nimport { useFocusableGroup, useArrowNavigationGroup } from '@fluentui/react-tabster';\n\nconst HORIZONTAL_MARGIN_FOR_YAXIS_TITLE = 24;\nconst VERTICAL_MARGIN_FOR_XAXIS_TITLE = 20;\nconst AXIS_TITLE_PADDING = 8;\nconst DEFAULT_MARGIN_WITH_TICKS = 40;\nconst DEFAULT_MARGIN_NO_TICKS = 20;\n\n/**\n * Cartesian Chart component\n * {@docCategory CartesianChart}\n */\nexport const CartesianChart: React.FunctionComponent<ModifiedCartesianChartProps> = React.forwardRef<\n  HTMLDivElement,\n  ModifiedCartesianChartProps\n>(({ hideTickOverlap = true, ...props }, forwardedRef) => {\n  const chartContainer = React.useRef<HTMLDivElement | null>(null);\n  let legendContainer: HTMLDivElement;\n  const minLegendContainerHeight: number = 40;\n  const xAxisElement = React.useRef<SVGSVGElement | null>(null);\n  const yAxisElement = React.useRef<SVGSVGElement | null>(null);\n  const yAxisElementSecondary = React.useRef<SVGSVGElement | null>(null);\n  let margins: IMargins;\n  const idForGraph: string = 'chart_';\n  let _reqID: number | undefined;\n  const _useRtl: boolean = useRtl();\n  let _tickValues: (string | number)[];\n  const _isFirstRender = React.useRef<boolean>(true);\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  let _xScale: any;\n  const isIntegralDataset = React.useMemo(() => {\n    return !props.points.some((point: { y: number }) => point.y % 1 !== 0);\n  }, [props.points]);\n  let _tooltipId: string = useId('tooltip_');\n  /* Used for when WrapXAxisLabels props appeared.\n   * To display the total word (space separated words), Need to have more space than usual.\n   * This height will get total height need to disaply total word.\n   * These value need to be removed from actual svg height/graph height.\n   * Defalut value is 0. And this values calculted when 'wrapXAxisLables' or 'showXAxisLablesTooltip' is true.\n   */\n  let _removalValueForTextTuncate: number = 0;\n  const _yAxisTickText = React.useRef<string[]>([]);\n\n  const [containerWidth, setContainerWidth] = React.useState<number>(0);\n  const [containerHeight, setContainerHeight] = React.useState<number>(0);\n  const [startFromX, setStartFromX] = React.useState<number>(0);\n  const prevWidthRef = React.useRef<number | undefined>(undefined);\n  const prevHeightRef = React.useRef<number | undefined>(undefined);\n\n  const classes = useCartesianChartStyles(props);\n  const focusAttributes = useFocusableGroup();\n  const arrowAttributes = useArrowNavigationGroup({ axis: 'horizontal' });\n  // ComponentdidMount and Componentwillunmount logic\n  React.useEffect(() => {\n    _fitParentContainer();\n    if (props.showYAxisLables) {\n      const maxYAxisLabelLength = calculateMaxYAxisLabelLength(classes.yAxis!);\n      if (startFromX !== maxYAxisLabelLength) {\n        setStartFromX(maxYAxisLabelLength);\n      }\n    } else if (startFromX !== 0) {\n      setStartFromX(0);\n    }\n    return () => {\n      if (_reqID !== undefined) {\n        cancelAnimationFrame(_reqID);\n      }\n    };\n  }, [props]);\n\n  // ComponentDidUpdate logic\n  React.useEffect(() => {\n    // Check if height or width changed\n    if (\n      prevWidthRef.current !== undefined &&\n      prevHeightRef.current !== undefined &&\n      (prevWidthRef.current !== props.width || prevHeightRef.current !== props.height)\n    ) {\n      _fitParentContainer();\n    }\n    // Update refs with current values\n    prevWidthRef.current = props.width;\n    prevHeightRef.current = props.height;\n\n    if (props.showYAxisLables) {\n      const maxYAxisLabelLength = calculateMaxYAxisLabelLength(classes.yAxis!);\n      if (startFromX !== maxYAxisLabelLength) {\n        setStartFromX(maxYAxisLabelLength);\n      }\n    } else if (startFromX !== 0) {\n      setStartFromX(0);\n    }\n  }, [props.width, props.height, props.chartType, props.showYAxisLables, props.yAxisType]);\n\n  React.useImperativeHandle(\n    props.componentRef,\n    () => ({\n      chartContainer: chartContainer.current ?? null,\n    }),\n    [],\n  );\n\n  /**\n   * Dedicated function to return the Callout JSX Element , which can further be used to only call this when\n   * only the calloutprops and charthover props changes.\n   * @param calloutProps\n   * @param chartHoverProps\n   * @returns\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  function _generateCallout(calloutProps: any): JSXElement {\n    return <ChartPopover {...calloutProps} />;\n  }\n\n  function calculateMaxYAxisLabelLength(className: string): number {\n    const formatTickLabel = (str: string) => {\n      if (props.showYAxisLablesTooltip) {\n        return truncateString(str, props.noOfCharsToTruncate || 4);\n      }\n\n      return str;\n    };\n    return calculateLongestLabelWidth(\n      _yAxisTickText.current.map(label => formatTickLabel(label)),\n      `.${className} text`,\n    );\n  }\n\n  const {\n    calloutProps,\n    points,\n    chartType,\n    svgProps,\n    culture,\n    dateLocalizeOptions,\n    timeFormatLocale,\n    customDateTimeFormatter,\n  } = props;\n  if (props.parentRef) {\n    _fitParentContainer();\n  }\n\n  margins = _calcMargins();\n  // Callback for margins to the chart\n  props.getmargins && props.getmargins(margins);\n\n  let callout: JSXElement | null = null;\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  let yScalePrimary: any;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  let yScaleSecondary: any;\n\n  let children = null;\n  if ((props.enableFirstRenderOptimization && chartContainer.current) || !props.enableFirstRenderOptimization) {\n    _isFirstRender.current = false;\n    const XAxisParams = {\n      domainNRangeValues: props.getDomainNRangeValues(\n        points,\n        props.getDomainMargins ? props.getDomainMargins(containerWidth) : margins,\n        containerWidth,\n        chartType,\n        _useRtl,\n        props.xAxisType,\n        props.barwidth!,\n        props.tickValues!,\n      ),\n      // FIXME: In XAxisParams, containerHeight is used by HBWA to generate vertical gridlines.\n      // Since the x-axis in HBWA is numeric, it typically doesn't require transformation.\n      // However, if transformation props are enabled, the updated _removalValueForTextTuncate\n      // will only be available in the next render, as it's set after the axis is created.\n      // Solution: Delay the creation of gridlines until after the transformation has been applied,\n      // or precompute the required height for transformed labels (_removalValueForTextTuncate).\n      containerHeight: containerHeight - _removalValueForTextTuncate,\n      margins: margins,\n      xAxisElement: xAxisElement.current!,\n      showRoundOffXTickValues: props.showRoundOffXTickValues ?? true,\n      xAxisCount: props.xAxisTickCount,\n      xAxistickSize: props.xAxistickSize,\n      tickPadding: props.tickPadding || props.showXAxisLablesTooltip ? 5 : 10,\n      xAxisPadding: props.xAxisPadding,\n      xAxisInnerPadding: props.xAxisInnerPadding,\n      xAxisOuterPadding: props.xAxisOuterPadding,\n      containerWidth: containerWidth,\n      hideTickOverlap: props.rotateXAxisLables ? false : hideTickOverlap,\n      calcMaxLabelWidth: _calcMaxLabelWidthWithTransform,\n      xMinValue: props.xMinValue,\n      xMaxValue: props.xMaxValue,\n      ...props.xAxis,\n    };\n\n    /**\n     * These scales used for 2 purposes.\n     * 1. To create x and y axis\n     * 2. To draw the graph.\n     * For area/line chart using same scales. For other charts, creating their own scales to draw the graph.\n     */\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    let xScale: any;\n    let tickValues: (string | number)[];\n    switch (props.xAxisType!) {\n      case XAxisTypes.NumericAxis:\n        ({ xScale, tickValues } = createNumericXAxis(\n          XAxisParams,\n          props.tickParams!,\n          props.chartType,\n          culture,\n          props.xScaleType,\n          _useRtl,\n        ));\n        break;\n      case XAxisTypes.DateAxis:\n        ({ xScale, tickValues } = createDateXAxis(\n          XAxisParams,\n          props.tickParams!,\n          culture,\n          dateLocalizeOptions,\n          timeFormatLocale,\n          customDateTimeFormatter,\n          props.useUTC,\n          props.chartType,\n        ));\n        break;\n      case XAxisTypes.StringAxis:\n        ({ xScale, tickValues } = createStringXAxis(\n          XAxisParams,\n          props.tickParams!,\n          props.datasetForXAxisDomain!,\n          culture,\n          _useRtl,\n        ));\n        break;\n      default:\n        ({ xScale, tickValues } = createNumericXAxis(\n          XAxisParams,\n          props.tickParams!,\n          props.chartType,\n          culture,\n          props.xScaleType,\n          _useRtl,\n        ));\n    }\n    _xScale = xScale;\n    _tickValues = tickValues;\n\n    _transformXAxisLabels();\n\n    const YAxisParams = {\n      margins: props.getYDomainMargins ? props.getYDomainMargins(containerHeight) : margins,\n      containerWidth: containerWidth,\n      containerHeight: containerHeight - _removalValueForTextTuncate,\n      yAxisElement: yAxisElement.current!,\n      yAxisTickFormat: props.yAxisTickFormat!,\n      yAxisTickCount: props.yAxisTickCount!,\n      yMinValue: props.yMinValue || 0,\n      yMaxValue: props.yMaxValue || 0,\n      tickPadding: 10,\n      maxOfYVal: props.maxOfYVal,\n      yMinMaxValues: props.getMinMaxOfYAxis(points, props.yAxisType),\n      // please note these padding default values must be consistent in here\n      // and the parent chart(HBWA/Vertical etc..) for more details refer example\n      // http://using-d3js.com/04_07_ordinal_scales.html\n      yAxisPadding: props.yAxisPadding || 0,\n      tickValues: props.yAxisTickValues,\n      ...props.yAxis,\n    };\n    /**\n     * These scales used for 2 purposes.\n     * 1. To create x and y axis\n     * 2. To draw the graph.\n     * For area/line chart using same scales. For other charts, creating their own scales to draw the graph.\n     */\n    const axisData: IAxisData = { yAxisDomainValues: [], yAxisTickText: [] };\n    if (props.yAxisType && props.yAxisType === YAxisType.StringAxis) {\n      yScalePrimary = props.createStringYAxis(\n        YAxisParams,\n        props.stringDatasetForYAxisDomain!,\n        _useRtl,\n        axisData,\n        props.barwidth,\n        props.chartType,\n      );\n    } else {\n      // TODO: Since the scale domain values are now computed independently for both the primary and\n      // secondary y-axes, the yMinValue and yMaxValue props are no longer necessary for accurately\n      // rendering the secondary y-axis. Therefore, rather than checking the secondaryYScaleOptions\n      // prop to determine whether to create a secondary y-axis, it's more appropriate to check if any\n      // data points are assigned to use the secondary y-scale.\n      if (props?.secondaryYScaleOptions) {\n        const YAxisParamsSecondary = {\n          margins: margins,\n          containerWidth: containerWidth,\n          containerHeight: containerHeight - _removalValueForTextTuncate!,\n          yAxisElement: yAxisElementSecondary.current,\n          yAxisTickFormat: props.yAxisTickFormat!,\n          yAxisTickCount: props.yAxisTickCount!,\n          yMinValue: props.secondaryYScaleOptions?.yMinValue || 0,\n          yMaxValue: props.secondaryYScaleOptions?.yMaxValue ?? 100,\n          tickPadding: 10,\n          yMinMaxValues: props.getMinMaxOfYAxis(points, props.yAxisType, true),\n          yAxisPadding: props.yAxisPadding,\n        };\n\n        yScaleSecondary = props.createYAxis(\n          YAxisParamsSecondary,\n          _useRtl,\n          axisData,\n          isIntegralDataset,\n          chartType,\n          true,\n          props.roundedTicks!,\n          props.secondaryYScaleType,\n          _useRtl,\n        );\n      }\n      yScalePrimary = props.createYAxis(\n        YAxisParams,\n        _useRtl,\n        axisData,\n        isIntegralDataset,\n        chartType,\n        false,\n        props.roundedTicks!,\n        props.yScaleType,\n        _useRtl,\n      );\n    }\n    _yAxisTickText.current = axisData.yAxisTickText;\n    props.getAxisData && props.getAxisData(axisData);\n\n    // Removing un wanted tooltip div from DOM, when prop not provided, for proper cleanup\n    // of unwanted DOM elements, to prevent flacky behaviour in tooltips , that might occur\n    // in creating tooltips when tooltips are enabled( as we try to recreate a tspan with _tooltipId)\n    if (!props.showYAxisLablesTooltip) {\n      try {\n        document.getElementById(_tooltipId) && document.getElementById(_tooltipId)!.remove();\n        //eslint-disable-next-line no-empty\n      } catch (e) {}\n    }\n    // Used to display tooltip at y axis labels.\n    if (props.showYAxisLablesTooltip) {\n      // To create y axis tick values by if specified truncating the rest of the text\n      // and showing elipsis or showing the whole string,\n      yScalePrimary &&\n        // Note: This function should be invoked within the showYAxisLablesTooltip check,\n        // as its sole purpose is to truncate labels that exceed the noOfCharsToTruncate limit.\n        createYAxisLabels(\n          yAxisElement.current!,\n          yScalePrimary,\n          props.noOfCharsToTruncate || 4,\n          props.showYAxisLablesTooltip || false,\n          _useRtl,\n        );\n      const _yAxisElement = d3Select(yAxisElement.current!).call(yScalePrimary);\n      try {\n        document.getElementById(_tooltipId) && document.getElementById(_tooltipId)!.remove();\n        //eslint-disable-next-line no-empty\n      } catch (e) {}\n      const ytooltipProps = {\n        tooltipCls: classes.tooltip!,\n        id: _tooltipId,\n        axis: _yAxisElement,\n      };\n      _yAxisElement && tooltipOfAxislabels(ytooltipProps);\n    }\n\n    // Call back to the chart.\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const _getData = (xScale: any, yScalePrimary: any, yScaleSecondary: any) => {\n      props.getGraphData &&\n        props.getGraphData(\n          xScale,\n          yScalePrimary,\n          containerHeight - _removalValueForTextTuncate!,\n          containerWidth,\n          xAxisElement.current,\n          yAxisElement.current,\n          yScaleSecondary,\n        );\n    };\n\n    // Callback function for chart, returns axis\n    _getData(xScale, yScalePrimary, yScaleSecondary);\n\n    children = props.children({\n      xScale,\n      yScalePrimary,\n      yScaleSecondary,\n      containerHeight,\n      containerWidth,\n    });\n\n    if (!props.hideTooltip && calloutProps!.isPopoverOpen) {\n      callout = _generateCallout(calloutProps);\n    }\n  }\n  const svgDimensions = {\n    width: containerWidth,\n    height: containerHeight,\n  };\n\n  const plotWidth = Math.max(0, svgDimensions.width - margins.left! - margins.right!);\n  const plotHeight = Math.max(0, svgDimensions.height - margins.top! - margins.bottom! - _removalValueForTextTuncate);\n\n  const plotRect = {\n    x: margins.left!,\n    y: margins.top!,\n    width: plotWidth,\n    height: plotHeight,\n  };\n\n  const annotations = props.annotations ?? [];\n  const hasAnnotations = annotations.length > 0;\n  const annotationContext: ChartAnnotationContext | undefined = hasAnnotations\n    ? {\n        plotRect,\n        svgRect: svgDimensions,\n        isRtl: _useRtl,\n        xScale: _xScale,\n        yScalePrimary,\n        yScaleSecondary,\n      }\n    : undefined;\n\n  const xAxisTitleMaxWidth = svgDimensions.width - margins.left! - margins.right! - AXIS_TITLE_PADDING * 2;\n  const yAxisTitleMaxHeight =\n    svgDimensions.height - margins.bottom! - margins.top! - _removalValueForTextTuncate! - AXIS_TITLE_PADDING * 2;\n  const yAxisTitleCenterY = margins.top! + AXIS_TITLE_PADDING + yAxisTitleMaxHeight / 2;\n  const yAxisTitleCenterX = _useRtl\n    ? svgDimensions.width - AXIS_TITLE_PADDING\n    : HORIZONTAL_MARGIN_FOR_YAXIS_TITLE - AXIS_TITLE_PADDING;\n  const secondaryYAxisTitleCenterX = _useRtl\n    ? HORIZONTAL_MARGIN_FOR_YAXIS_TITLE - AXIS_TITLE_PADDING\n    : svgDimensions.width - AXIS_TITLE_PADDING;\n\n  const commonSvgToolTipProps: SVGTooltipTextProps = {\n    wrapContent,\n    showBackground: true,\n    className: classes.svgTooltip,\n    content: '',\n  };\n  /**\n   * When screen resizes, along with screen, chart also auto adjusted.\n   * This method used to adjust height and width of the charts.\n   */\n  function _fitParentContainer(): void {\n    //_reqID = requestAnimationFrame(() => {\n    let legendContainerHeight;\n    if (props.hideLegend) {\n      // If there is no legend, need not to allocate some space from total chart space.\n      legendContainerHeight = 0;\n    } else {\n      const legendContainerComputedStyles = legendContainer && getComputedStyle(legendContainer);\n      legendContainerHeight =\n        ((legendContainer && legendContainer.getBoundingClientRect().height) || minLegendContainerHeight) +\n        parseFloat((legendContainerComputedStyles && legendContainerComputedStyles.marginTop) || '0') +\n        parseFloat((legendContainerComputedStyles && legendContainerComputedStyles.marginBottom) || '0');\n    }\n    if (props.parentRef || chartContainer.current) {\n      const container = props.parentRef ? props.parentRef : chartContainer.current!;\n      const currentContainerWidth =\n        props.reflowProps?.mode === 'min-width' && !_isFirstRender.current\n          ? Math.max(container.getBoundingClientRect().width, _calculateChartMinWidth())\n          : container.getBoundingClientRect().width;\n      const currentContainerHeight =\n        container.getBoundingClientRect().height > legendContainerHeight\n          ? container.getBoundingClientRect().height\n          : 350;\n      const shouldResize =\n        containerWidth !== currentContainerWidth || containerHeight !== currentContainerHeight - legendContainerHeight;\n      if (shouldResize) {\n        setContainerWidth(currentContainerWidth);\n        setContainerHeight(currentContainerHeight - legendContainerHeight);\n      }\n    }\n    //});\n  }\n\n  function _onChartLeave(): void {\n    props.onChartMouseLeave && props.onChartMouseLeave();\n  }\n\n  function _calculateChartMinWidth(): number {\n    // Adding 10px for padding on both sides\n    const labelWidth = _calcMaxLabelWidthWithTransform(_tickValues) + 10;\n\n    let minChartWidth = margins.left! + margins.right! + labelWidth * (_tickValues.length - 1);\n\n    if (\n      [ChartTypes.GroupedVerticalBarChart, ChartTypes.VerticalBarChart, ChartTypes.VerticalStackedBarChart].includes(\n        props.chartType,\n      )\n    ) {\n      const minDomainMargin = 8;\n      minChartWidth += minDomainMargin * 2;\n    }\n\n    return minChartWidth;\n  }\n\n  function _getChartDescription(): string {\n    return (\n      (props.chartTitle || 'Chart. ') +\n      _getAxisTitle('X', props.xAxisTitle, props.xAxisType) +\n      _getAxisTitle('Y', props.yAxisTitle, props.yAxisType || YAxisType.NumericAxis) +\n      (props.secondaryYScaleOptions\n        ? _getAxisTitle('secondary Y', props.secondaryYAxistitle, YAxisType.NumericAxis)\n        : '')\n    );\n  }\n\n  function _getAxisTitle(axisLabel: string, axisTitle: string | undefined, axisType: XAxisTypes | YAxisType): string {\n    return (\n      `The ${axisLabel} axis displays ` +\n      (axisTitle ||\n        (axisType === XAxisTypes.StringAxis || axisType === YAxisType.StringAxis\n          ? 'categories'\n          : axisType === XAxisTypes.DateAxis || axisType === YAxisType.DateAxis\n          ? 'time'\n          : 'values')) +\n      '. '\n    );\n  }\n\n  function _calcMaxLabelWidthWithTransform(x: (string | number)[]) {\n    // Case: rotated labels\n    if (!props.wrapXAxisLables && props.rotateXAxisLables && props.xAxisType! === XAxisTypes.StringAxis) {\n      const longestLabelWidth = calculateLongestLabelWidth(x, `.${classes.xAxis} text`);\n      return Math.ceil(longestLabelWidth * Math.cos(Math.PI / 4));\n    }\n\n    // Case: truncated labels\n    if (props.showXAxisLablesTooltip) {\n      const tickValues = x.map(val => {\n        const numChars = props.noOfCharsToTruncate || 4;\n        return val.toString().length > numChars ? `${val.toString().slice(0, numChars)}...` : val;\n      });\n\n      const longestLabelWidth = calculateLongestLabelWidth(tickValues, `.${classes.xAxis} text`);\n      return Math.ceil(longestLabelWidth);\n    }\n\n    // Case: wrapped labels\n    if (props.wrapXAxisLables) {\n      // FIXME: Calculate the max width of lines instead of words. This requires applying\n      // the wrapping transformation earlier to obtain the actual rendered lines.\n      const words: string[] = [];\n      x.forEach((val: string) => {\n        words.push(...val.toString().split(/\\s+/));\n      });\n\n      // This approach works well in most cases, since overflow typically occurs only when\n      // a single word exceeds the specified width — otherwise, the text will wrap as expected.\n      const longestLabelWidth = calculateLongestLabelWidth(words, `.${classes.xAxis} text`);\n      return Math.max(Math.ceil(longestLabelWidth), DEFAULT_WRAP_WIDTH);\n    }\n\n    // Default case\n    const longestLabelWidth = calculateLongestLabelWidth(x, `.${classes.xAxis} text`);\n    return Math.ceil(longestLabelWidth);\n  }\n\n  function _transformXAxisLabels() {\n    _removalValueForTextTuncate = 0;\n\n    /*\n     * To enable wrapping of x axis tick values or to display complete x axis tick values,\n     * we need to calculate how much space it needed to render the text.\n     * No need to re-calculate every time the chart renders and same time need to get an update. So using setState.\n     * Required space will be calculated first time chart rendering and if any width/height of chart updated.\n     * */\n    if (props.wrapXAxisLables || props.showXAxisLablesTooltip) {\n      let maxXAxisLabelWidth: number | undefined;\n      if (props.xAxisType === XAxisTypes.StringAxis) {\n        if ((props.datasetForXAxisDomain?.length || 0) > 1) {\n          maxXAxisLabelWidth = _xScale.step();\n        } else {\n          maxXAxisLabelWidth = containerWidth;\n        }\n      }\n\n      const wrapLabelProps = {\n        node: xAxisElement.current!,\n        xAxis: _xScale,\n        showXAxisLablesTooltip: props.showXAxisLablesTooltip || false,\n        noOfCharsToTruncate: props.noOfCharsToTruncate || 4,\n        width: maxXAxisLabelWidth,\n      };\n      _removalValueForTextTuncate = createWrapOfXLabels(wrapLabelProps) ?? 0;\n    }\n\n    if (!props.wrapXAxisLables && props.rotateXAxisLables && props.xAxisType! === XAxisTypes.StringAxis) {\n      const rotateLabelProps = {\n        node: xAxisElement.current!,\n        xAxis: _xScale,\n      };\n      const rotatedHeight = rotateXAxisLabels(rotateLabelProps) ?? 0;\n      // margins.bottom is used as padding here\n      _removalValueForTextTuncate = rotatedHeight + margins.bottom!;\n    }\n  }\n\n  function _calcMargins(): IMargins {\n    let _margins = _getDefaultMargins();\n\n    _margins = _applyTitleMargins(_margins);\n    _margins = _applyAnnotationMargins(_margins);\n\n    if (_useRtl) {\n      _margins = _swapRtlMargins(_margins);\n    }\n\n    return {\n      ..._margins,\n      ...props.margins,\n    };\n  }\n\n  function _getDefaultMargins(): IMargins {\n    return {\n      top: DEFAULT_MARGIN_NO_TICKS,\n      // Smaller than the default because it is based on the line height rather than\n      // the length of the tick labels.\n      bottom: DEFAULT_MARGIN_WITH_TICKS - 5,\n      // For the actual margin, add the tick size, tick padding, and some extra space to\n      // the width of the longest yaxis tick label (startFromX).\n      left: Math.max(DEFAULT_MARGIN_WITH_TICKS, startFromX + 20),\n      right: props.secondaryYScaleOptions ? DEFAULT_MARGIN_WITH_TICKS : DEFAULT_MARGIN_NO_TICKS,\n    };\n  }\n\n  function _applyTitleMargins(_margins: IMargins): IMargins {\n    const updated = { ..._margins };\n    if (props.xAxisTitle !== undefined && props.xAxisTitle !== '') {\n      updated.bottom! += VERTICAL_MARGIN_FOR_XAXIS_TITLE;\n    }\n    if (props.yAxisTitle !== undefined && props.yAxisTitle !== '') {\n      updated.left! += HORIZONTAL_MARGIN_FOR_YAXIS_TITLE;\n    }\n    if (props.secondaryYAxistitle !== undefined && props.secondaryYAxistitle !== '') {\n      updated.right! += HORIZONTAL_MARGIN_FOR_YAXIS_TITLE;\n    }\n    return updated;\n  }\n\n  function _applyAnnotationMargins(_margins: IMargins): IMargins {\n    const updated = { ..._margins };\n    if (props.xAxisAnnotation !== undefined && props.xAxisAnnotation !== '') {\n      updated.top! += VERTICAL_MARGIN_FOR_XAXIS_TITLE;\n    }\n    if (\n      props.yAxisAnnotation !== undefined &&\n      props.yAxisAnnotation !== '' &&\n      (props.secondaryYAxistitle === undefined || props.secondaryYAxistitle === '')\n    ) {\n      updated.right! += HORIZONTAL_MARGIN_FOR_YAXIS_TITLE;\n    }\n    return updated;\n  }\n\n  function _swapRtlMargins(_margins: IMargins): IMargins {\n    return {\n      ..._margins,\n      left: _margins.right,\n      right: _margins.left,\n    };\n  }\n\n  /**\n   * We have use the {@link defaultTabbableElement } to fix\n   * the Focus not landing on chart while tabbing, instead  goes to legend.\n   * This issue is observed in Area, line chart after performance optimization done in the PR {@link https://github.com/microsoft/fluentui/pull/27721 }\n   * This issue is observed in Bar charts after the changes done by FocusZone team in the PR: {@link https://github.com/microsoft/fluentui/pull/24175 }\n   * The issue in Bar Charts(VB and VSB) is due to a {@link FocusZone } update where previously an event listener was\n   * attached on keydown to the window, so that whenever the tab key is pressed all outer FocusZone's\n   * tab-indexes are updated (an outer FocusZone is a FocusZone that is not within another one).\n   * But now after the above PR : they are attaching the\n   * listeners to the FocusZone elements instead of the window. So in the first render cycle in Bar charts\n   * bars are not created as in the first render cycle the size of the chart container is not known( or is 0)\n   * which creates bars of height 0 so instead we do not create any bars  and instead return empty fragments.\n   *\n   * We have tried 2 Approaches to fix the issue:\n   * 1. Using the {@link elementRef} property of FocusZone where we dispatch event for tab keydown\n   *    after the second render cycle which triggers an update of the tab index in FocusZone.\n   *    But this is a hacky solution and not a proper fix and also elementRef is deprecated.\n   * 2. Using the default tabbable element to fix the issue.\n   */\n\n  return (\n    <div\n      id={idForGraph}\n      className={classes.root}\n      role={'presentation'}\n      ref={(rootElem: HTMLDivElement) => {\n        chartContainer.current = rootElem;\n      }}\n      onMouseLeave={_onChartLeave}\n    >\n      <div className={classes.chartWrapper} {...focusAttributes} {...arrowAttributes}>\n        {_isFirstRender.current}\n        <svg\n          width={svgDimensions.width}\n          height={svgDimensions.height}\n          role=\"region\"\n          aria-label={_getChartDescription()}\n          style={{ display: 'block' }}\n          className={classes.chart}\n          {...getSecureProps(svgProps)}\n        >\n          <g\n            ref={(e: SVGSVGElement | null) => {\n              xAxisElement.current = e!;\n            }}\n            id={`xAxisGElement${idForGraph}`}\n            // To add wrap of x axis lables feature, need to remove word height from svg height.\n            transform={`translate(0, ${svgDimensions.height - margins.bottom! - _removalValueForTextTuncate!})`}\n            className={classes.xAxis}\n          />\n          {props.xAxisTitle !== undefined && props.xAxisTitle !== '' && (\n            <SVGTooltipText\n              {...commonSvgToolTipProps}\n              content={props.xAxisTitle}\n              textProps={{\n                x: margins.left! + AXIS_TITLE_PADDING + xAxisTitleMaxWidth / 2,\n                y: svgDimensions.height - AXIS_TITLE_PADDING,\n                className: classes.axisTitle!,\n                textAnchor: 'middle',\n              }}\n              maxWidth={xAxisTitleMaxWidth}\n            />\n          )}\n          {props.xAxisAnnotation !== undefined && props.xAxisAnnotation !== '' && (\n            <SVGTooltipText\n              {...commonSvgToolTipProps}\n              content={props.xAxisAnnotation}\n              textProps={{\n                x: margins.left! + AXIS_TITLE_PADDING + xAxisTitleMaxWidth / 2,\n                y: VERTICAL_MARGIN_FOR_XAXIS_TITLE - AXIS_TITLE_PADDING,\n                className: classes.axisAnnotation!,\n                textAnchor: 'middle',\n                'aria-hidden': true,\n              }}\n              maxWidth={xAxisTitleMaxWidth}\n            />\n          )}\n          <g\n            ref={(e: SVGSVGElement | null) => {\n              yAxisElement.current = e!;\n            }}\n            id={`yAxisGElement${idForGraph}`}\n            transform={`translate(${_useRtl ? svgDimensions.width - margins.right! : margins.left!}, 0)`}\n            className={classes.yAxis}\n          />\n          {props.secondaryYScaleOptions && (\n            <g>\n              <g\n                ref={(e: SVGSVGElement | null) => {\n                  yAxisElementSecondary.current = e!;\n                }}\n                id={`yAxisGElementSecondary${idForGraph}`}\n                transform={`translate(${_useRtl ? margins.left! : svgDimensions.width - margins.right!}, 0)`}\n                className={classes.yAxis}\n              />\n              {props.secondaryYAxistitle !== undefined && props.secondaryYAxistitle !== '' && (\n                <SVGTooltipText\n                  {...commonSvgToolTipProps}\n                  content={props.secondaryYAxistitle}\n                  textProps={{\n                    x: secondaryYAxisTitleCenterX,\n                    y: yAxisTitleCenterY,\n                    textAnchor: 'middle',\n                    transform: `rotate(-90, ${secondaryYAxisTitleCenterX}, ${yAxisTitleCenterY})`,\n                    className: classes.axisTitle!,\n                  }}\n                  maxWidth={yAxisTitleMaxHeight}\n                />\n              )}\n            </g>\n          )}\n          {children}\n          {props.yAxisTitle !== undefined && props.yAxisTitle !== '' && (\n            <SVGTooltipText\n              {...commonSvgToolTipProps}\n              content={props.yAxisTitle}\n              textProps={{\n                x: yAxisTitleCenterX,\n                y: yAxisTitleCenterY,\n                textAnchor: 'middle',\n                transform: `rotate(-90, ${yAxisTitleCenterX}, ${yAxisTitleCenterY})`,\n                className: classes.axisTitle!,\n              }}\n              maxWidth={yAxisTitleMaxHeight}\n            />\n          )}\n          {props.yAxisAnnotation !== undefined &&\n            props.yAxisAnnotation !== '' &&\n            (props.secondaryYAxistitle === undefined || props.secondaryYAxistitle === '') && (\n              <SVGTooltipText\n                {...commonSvgToolTipProps}\n                content={props.yAxisAnnotation}\n                textProps={{\n                  x: secondaryYAxisTitleCenterX,\n                  y: yAxisTitleCenterY,\n                  textAnchor: 'middle',\n                  transform: `rotate(-90, ${secondaryYAxisTitleCenterX}, ${yAxisTitleCenterY})`,\n                  className: classes.axisAnnotation!,\n                  'aria-hidden': true,\n                }}\n                maxWidth={yAxisTitleMaxHeight}\n              />\n            )}\n        </svg>\n        {hasAnnotations && annotationContext && (\n          <ChartAnnotationLayer\n            annotations={annotations}\n            context={annotationContext}\n            className={classes.annotationLayer}\n          />\n        )}\n      </div>\n\n      {!props.hideLegend && (\n        <div\n          ref={(e: HTMLDivElement) => {\n            legendContainer = e;\n          }}\n          className={classes.legendContainer}\n        >\n          {props.legendBars}\n        </div>\n      )}\n      {/** The callout is used for narration, so keep it mounted on the DOM */}\n      {callout && <React.Suspense fallback={<div>Loading...</div>}>{callout}</React.Suspense>}\n    </div>\n  );\n});\nCartesianChart.displayName = 'CartesianChart';\n"],"names":["React","useCartesianChartStyles","select","d3Select","createNumericXAxis","createStringXAxis","createDateXAxis","XAxisTypes","YAxisType","createWrapOfXLabels","rotateXAxisLabels","calculateLongestLabelWidth","createYAxisLabels","ChartTypes","wrapContent","useRtl","truncateString","tooltipOfAxislabels","getSecureProps","DEFAULT_WRAP_WIDTH","useId","SVGTooltipText","ChartAnnotationLayer","ChartPopover","useFocusableGroup","useArrowNavigationGroup","HORIZONTAL_MARGIN_FOR_YAXIS_TITLE","VERTICAL_MARGIN_FOR_XAXIS_TITLE","AXIS_TITLE_PADDING","DEFAULT_MARGIN_WITH_TICKS","DEFAULT_MARGIN_NO_TICKS","CartesianChart","forwardRef","hideTickOverlap","props","forwardedRef","chartContainer","useRef","legendContainer","minLegendContainerHeight","xAxisElement","yAxisElement","yAxisElementSecondary","margins","idForGraph","_reqID","_useRtl","_tickValues","_isFirstRender","_xScale","isIntegralDataset","useMemo","points","some","point","y","_tooltipId","_removalValueForTextTuncate","_yAxisTickText","containerWidth","setContainerWidth","useState","containerHeight","setContainerHeight","startFromX","setStartFromX","prevWidthRef","undefined","prevHeightRef","classes","focusAttributes","arrowAttributes","axis","useEffect","_fitParentContainer","showYAxisLables","maxYAxisLabelLength","calculateMaxYAxisLabelLength","yAxis","cancelAnimationFrame","current","width","height","chartType","yAxisType","useImperativeHandle","componentRef","_generateCallout","calloutProps","className","formatTickLabel","str","showYAxisLablesTooltip","noOfCharsToTruncate","map","label","svgProps","culture","dateLocalizeOptions","timeFormatLocale","customDateTimeFormatter","parentRef","_calcMargins","getmargins","callout","yScalePrimary","yScaleSecondary","children","enableFirstRenderOptimization","XAxisParams","domainNRangeValues","getDomainNRangeValues","getDomainMargins","xAxisType","barwidth","tickValues","showRoundOffXTickValues","xAxisCount","xAxisTickCount","xAxistickSize","tickPadding","showXAxisLablesTooltip","xAxisPadding","xAxisInnerPadding","xAxisOuterPadding","rotateXAxisLables","calcMaxLabelWidth","_calcMaxLabelWidthWithTransform","xMinValue","xMaxValue","xAxis","xScale","NumericAxis","tickParams","xScaleType","DateAxis","useUTC","StringAxis","datasetForXAxisDomain","_transformXAxisLabels","YAxisParams","getYDomainMargins","yAxisTickFormat","yAxisTickCount","yMinValue","yMaxValue","maxOfYVal","yMinMaxValues","getMinMaxOfYAxis","yAxisPadding","yAxisTickValues","axisData","yAxisDomainValues","yAxisTickText","createStringYAxis","stringDatasetForYAxisDomain","secondaryYScaleOptions","YAxisParamsSecondary","createYAxis","roundedTicks","secondaryYScaleType","yScaleType","getAxisData","document","getElementById","remove","e","_yAxisElement","call","ytooltipProps","tooltipCls","tooltip","id","_getData","getGraphData","hideTooltip","isPopoverOpen","svgDimensions","plotWidth","Math","max","left","right","plotHeight","top","bottom","plotRect","x","annotations","hasAnnotations","length","annotationContext","svgRect","isRtl","xAxisTitleMaxWidth","yAxisTitleMaxHeight","yAxisTitleCenterY","yAxisTitleCenterX","secondaryYAxisTitleCenterX","commonSvgToolTipProps","showBackground","svgTooltip","content","legendContainerHeight","hideLegend","legendContainerComputedStyles","getComputedStyle","getBoundingClientRect","parseFloat","marginTop","marginBottom","container","currentContainerWidth","reflowProps","mode","_calculateChartMinWidth","currentContainerHeight","shouldResize","_onChartLeave","onChartMouseLeave","labelWidth","minChartWidth","GroupedVerticalBarChart","VerticalBarChart","VerticalStackedBarChart","includes","minDomainMargin","_getChartDescription","chartTitle","_getAxisTitle","xAxisTitle","yAxisTitle","secondaryYAxistitle","axisLabel","axisTitle","axisType","wrapXAxisLables","longestLabelWidth","ceil","cos","PI","val","numChars","toString","slice","words","forEach","push","split","maxXAxisLabelWidth","step","wrapLabelProps","node","rotateLabelProps","rotatedHeight","_margins","_getDefaultMargins","_applyTitleMargins","_applyAnnotationMargins","_swapRtlMargins","updated","xAxisAnnotation","yAxisAnnotation","div","root","role","ref","rootElem","onMouseLeave","chartWrapper","svg","aria-label","style","display","chart","g","transform","textProps","textAnchor","maxWidth","axisAnnotation","context","annotationLayer","legendBars","Suspense","fallback","displayName"],"mappings":"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"}

package/lib/components/LineChart/LineChart.js

@@ -1206,6 +1206,10 @@ const PATH_MULTIPLY_SIZE = 2.5;
         const yValue = point.yAxisCalloutData || point.y;
         return ((_point_callOutAccessibilityData = point.callOutAccessibilityData) === null || _point_callOutAccessibilityData === void 0 ? void 0 : _point_callOutAccessibilityData.ariaLabel) || `${xValue}. ${legend}, ${yValue}.`;
     }
+    function _getChartTitle() {
+        const { chartTitle, lineChartData } = props.data;
+        return (chartTitle ? `${chartTitle}. ` : '') + `Line chart with ${(lineChartData === null || lineChartData === void 0 ? void 0 : lineChartData.length) || 0} lines. `;
+    }
     function _isChartEmpty() {
         return !(props.data && props.data.lineChartData && props.data.lineChartData.length > 0 && props.data.lineChartData.filter((item)=>item.data.length).length > 0);
     }
@@ -1254,7 +1258,7 @@ const PATH_MULTIPLY_SIZE = 2.5;
     };
     return !_isChartEmpty() ? /*#__PURE__*/ React.createElement(CartesianChart, {
         ...props,
-        chartTitle: props.data.chartTitle,
+        chartTitle: _getChartTitle(),
         points: points,
         chartType: ChartTypes.LineChart,
         calloutProps: calloutProps,