@fluentui/react-charts 0.0.0-nightly-20250717-0406.1 → 0.0.0-nightly-20250721-0406.1

package/CHANGELOG.md

@@ -1,28 +1,41 @@
 # Change Log - @fluentui/react-charts
 
-This log was last generated on Thu, 17 Jul 2025 04:21:06 GMT and should not be manually modified.
+This log was last generated on Mon, 21 Jul 2025 04:21:20 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightly-20250717-0406.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-charts_v0.0.0-nightly-20250717-0406.1)
+## [0.0.0-nightly-20250721-0406.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-charts_v0.0.0-nightly-20250721-0406.1)
 
-Thu, 17 Jul 2025 04:21:06 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charts_v9.1.8..@fluentui/react-charts_v0.0.0-nightly-20250717-0406.1)
+Mon, 21 Jul 2025 04:21:20 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charts_v9.1.9..@fluentui/react-charts_v0.0.0-nightly-20250721-0406.1)
 
 ### Changes
 
 - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by fluentui-internal@service.microsoft.com)
-- Bump @fluentui/react-button to v0.0.0-nightly-20250717-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/0f0495e8b8894cf07db8628dd12264bb8ef07e4e) by beachball)
-- Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20250717-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/0f0495e8b8894cf07db8628dd12264bb8ef07e4e) by beachball)
-- Bump @fluentui/react-overflow to v0.0.0-nightly-20250717-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/0f0495e8b8894cf07db8628dd12264bb8ef07e4e) by beachball)
-- Bump @fluentui/react-popover to v0.0.0-nightly-20250717-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/0f0495e8b8894cf07db8628dd12264bb8ef07e4e) by beachball)
-- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20250717-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/0f0495e8b8894cf07db8628dd12264bb8ef07e4e) by beachball)
-- Bump @fluentui/react-tabster to v0.0.0-nightly-20250717-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/0f0495e8b8894cf07db8628dd12264bb8ef07e4e) by beachball)
-- Bump @fluentui/react-theme to v0.0.0-nightly-20250717-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/0f0495e8b8894cf07db8628dd12264bb8ef07e4e) by beachball)
-- Bump @fluentui/react-tooltip to v0.0.0-nightly-20250717-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/0f0495e8b8894cf07db8628dd12264bb8ef07e4e) by beachball)
-- Bump @fluentui/react-utilities to v0.0.0-nightly-20250717-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/0f0495e8b8894cf07db8628dd12264bb8ef07e4e) by beachball)
-- Bump @fluentui/react-conformance to v0.0.0-nightly-20250717-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/0f0495e8b8894cf07db8628dd12264bb8ef07e4e) by beachball)
-- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20250717-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/0f0495e8b8894cf07db8628dd12264bb8ef07e4e) by beachball)
+- Bump @fluentui/react-button to v0.0.0-nightly-20250721-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/d866eeb4be9d6df8669dedffe9e870fa3306bcd0) by beachball)
+- Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20250721-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/d866eeb4be9d6df8669dedffe9e870fa3306bcd0) by beachball)
+- Bump @fluentui/react-overflow to v0.0.0-nightly-20250721-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/d866eeb4be9d6df8669dedffe9e870fa3306bcd0) by beachball)
+- Bump @fluentui/react-popover to v0.0.0-nightly-20250721-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/d866eeb4be9d6df8669dedffe9e870fa3306bcd0) by beachball)
+- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20250721-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/d866eeb4be9d6df8669dedffe9e870fa3306bcd0) by beachball)
+- Bump @fluentui/react-tabster to v0.0.0-nightly-20250721-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/d866eeb4be9d6df8669dedffe9e870fa3306bcd0) by beachball)
+- Bump @fluentui/react-theme to v0.0.0-nightly-20250721-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/d866eeb4be9d6df8669dedffe9e870fa3306bcd0) by beachball)
+- Bump @fluentui/react-tooltip to v0.0.0-nightly-20250721-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/d866eeb4be9d6df8669dedffe9e870fa3306bcd0) by beachball)
+- Bump @fluentui/react-utilities to v0.0.0-nightly-20250721-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/d866eeb4be9d6df8669dedffe9e870fa3306bcd0) by beachball)
+- Bump @fluentui/react-conformance to v0.0.0-nightly-20250721-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/d866eeb4be9d6df8669dedffe9e870fa3306bcd0) by beachball)
+- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20250721-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/d866eeb4be9d6df8669dedffe9e870fa3306bcd0) by beachball)
+
+## [9.1.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-charts_v9.1.9)
+
+Thu, 17 Jul 2025 13:49:52 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charts_v9.1.8..@fluentui/react-charts_v9.1.9)
+
+### Patches
+
+- Bump @fluentui/react-button to v9.6.0 ([PR #34862](https://github.com/microsoft/fluentui/pull/34862) by beachball)
+- Bump @fluentui/react-overflow to v9.5.0 ([PR #34862](https://github.com/microsoft/fluentui/pull/34862) by beachball)
+- Bump @fluentui/react-popover to v9.12.0 ([PR #34862](https://github.com/microsoft/fluentui/pull/34862) by beachball)
+- Bump @fluentui/react-tabster to v9.26.0 ([PR #34862](https://github.com/microsoft/fluentui/pull/34862) by beachball)
+- Bump @fluentui/react-tooltip to v9.8.0 ([PR #34862](https://github.com/microsoft/fluentui/pull/34862) by beachball)
 
 ## [9.1.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-charts_v9.1.8)
 

package/lib/components/AreaChart/AreaChart.js

@@ -503,6 +503,7 @@ export const AreaChart = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
                 opacity: layerOpacity,
                 fillOpacity: _getOpacity(points[index].legend),
                 onMouseMove: (event)=>_onRectMouseMove(event),
+                onFocus: (event)=>_handleFocus(event, index, 0, `${_circleId}_${index}`),
                 onMouseOut: _onRectMouseOut,
                 onMouseOver: (event)=>_onRectMouseMove(event)
             }) : /*#__PURE__*/ React.createElement("path", {
@@ -552,7 +553,7 @@ export const AreaChart = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
                         onMouseOut: _onRectMouseOut,
                         onMouseOver: (event)=>_onRectMouseMove(event),
                         onClick: ()=>_onDataPointClick(points[index].data[pointIndex].onDataPointClick),
-                        onFocus: ()=>_handleFocus(index, pointIndex, circleId),
+                        onFocus: (event)=>_handleFocus(event, index, pointIndex, circleId),
                         onBlur: _handleBlur,
                         ...getSecureProps(pointOptions),
                         r: _getCircleRadius(xDataPoint, circleRadius, circleId, legend),
@@ -578,6 +579,7 @@ export const AreaChart = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
                             fill: _updateCircleFillColor(xDataPoint, lineColor, circleId),
                             onMouseOut: _onRectMouseOut,
                             onMouseOver: (event)=>_onRectMouseMove(event),
+                            onFocus: (event)=>_handleFocus(event, index, pointIndex, circleId),
                             onClick: ()=>_onDataPointClick(points[index].data[pointIndex].onDataPointClick),
                             ...getSecureProps(pointOptions),
                             r: _getCircleRadius(xDataPoint, circleRadius, circleId, legend)
@@ -671,7 +673,13 @@ export const AreaChart = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
             };
         }) : [];
     }
-    function _handleFocus(lineIndex, pointIndex, circleId) {
+    function _handleFocus(event, lineIndex, pointIndex, circleId) {
+        let cx = 0;
+        let cy = 0;
+        const targetRect = event.target.getBoundingClientRect();
+        cx = targetRect.left + targetRect.width / 2;
+        cy = targetRect.top + targetRect.height / 2;
+        _updatePosition(cx, cy);
         const { x, y, xAxisCalloutData } = props.data.lineChartData[lineIndex].data[pointIndex];
         const formattedDate = x instanceof Date ? formatDate(x, props.useUTC) : x;
         const modifiedXVal = x instanceof Date ? x.getTime() : x;

package/lib/components/AreaChart/AreaChart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["AreaChart.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useAreaChartStyles } from './useAreaChartStyles.styles';\nimport { max as d3Max, bisector } from 'd3-array';\nimport { pointer } from 'd3-selection';\nimport { select as d3Select } from 'd3-selection';\nimport { tokens } from '@fluentui/react-theme';\nimport { area as d3Area, stack as d3Stack, curveMonotoneX as d3CurveBasis, line as d3Line } from 'd3-shape';\nimport {\n  AccessibilityProps,\n  CartesianChart,\n  CustomizedCalloutData,\n  AreaChartProps,\n  LineChartDataPoint,\n  LineChartPoints,\n  ChildProps,\n  Margins,\n  YValueHover,\n  ChartPopoverProps,\n  Chart,\n} from '../../index';\nimport {\n  calloutData,\n  getXAxisType,\n  ChartTypes,\n  XAxisTypes,\n  getTypeOfAxis,\n  tooltipOfAxislabels,\n  getNextColor,\n  getColorFromToken,\n  formatDate,\n  getSecureProps,\n  areArraysEqual,\n  getCurveFactory,\n  find,\n  findNumericMinMaxOfY,\n  createNumericYAxis,\n  IDomainNRange,\n  domainRangeOfNumericForAreaChart,\n  domainRangeOfDateForAreaLineVerticalBarChart,\n  createStringYAxis,\n} from '../../utilities/index';\nimport { useId } from '@fluentui/react-utilities';\nimport { Legend, Legends } from '../Legends/index';\nimport { ScaleLinear } from 'd3-scale';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst bisect = bisector((d: any) => d.x).left;\n\nenum InterceptVisibility {\n  show = 'visibility',\n  hide = 'hidden',\n}\n\nexport interface AreaChartAreaPoint {\n  xVal: string | number;\n  values: AreaChartDataSetPoint;\n}\nexport interface AreaChartDataSetPoint {\n  [key: string]: number | string | number[];\n}\nexport interface DPointType {\n  values: { 0: number; 1: number; data: {} };\n  xVal: number | Date;\n}\nexport interface MapXToDataSet {\n  [key: string]: LineChartDataPoint[];\n  [key: number]: LineChartDataPoint[];\n}\n\n//by default d3-shape 3.2.0 limits the< path> data point precision to 3 digits(d3/d3-path#10)\n\nexport const AreaChart: React.FunctionComponent<AreaChartProps> = React.forwardRef<HTMLDivElement, AreaChartProps>(\n  (props, forwardedRef) => {\n    const _uniqueIdForGraph: string = useId('areaChart_');\n    const _verticalLineId: string = useId('verticalLine_');\n    const _circleId: string = useId('circle');\n    const _rectId: string = useId('rectangle');\n    const _tooltipId: string = useId('AreaChartTooltipID');\n    //enableComputationOptimization is used for optimized code to group data points by x value\n    //from O(n^2) to O(n) using a map.\n    const _enableComputationOptimization: boolean = true;\n    const _firstRenderOptimization: boolean = true;\n    const _emptyChartId: string = useId('_AreaChart_empty');\n    let _containsSecondaryYAxis = false;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    let _calloutPoints: any;\n    let _createSet: (data: LineChartPoints[]) => {\n      colors: string[];\n      opacity: number[];\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      data: any;\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      calloutPoints: any;\n    };\n    let _colors: string[];\n    let _opacity: number[];\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    let _data: any;\n    let _chart: JSX.Element[];\n    let _margins: Margins;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    let _xAxisRectScale: any;\n    // determines if the given area chart has multiple stacked bar charts\n    let _isMultiStackChart: boolean;\n    const cartesianChartRef = React.useRef<Chart>(null);\n\n    const [selectedLegends, setSelectedLegends] = React.useState<string[]>(props.legendProps?.selectedLegends || []);\n    const [activeLegend, setActiveLegend] = React.useState<string | undefined>(undefined);\n    const [hoverXValue, setHoverXValue] = React.useState<string | number | undefined | null>('');\n    // eslint-disable-next-line @typescript-eslint/no-shadow\n    const [YValueHover, setYValueHover] = React.useState<YValueHover[]>([]);\n    const [lineXValue, setLineXValue] = React.useState<number>(0);\n    const [displayOfLine, setDisplayOfLine] = React.useState<InterceptVisibility>(InterceptVisibility.hide);\n    const [isCircleClicked, setIsCircleClicked] = React.useState<boolean>(false);\n    const [nearestCircleToHighlight, setNearestCircleToHighlight] = React.useState<number | string | Date | null>(null);\n    const [activePoint, setActivePoint] = React.useState<string>('');\n    const [dataPointCalloutProps, setDataPointCalloutProps] = React.useState<CustomizedCalloutData>();\n    const [stackCalloutProps, setStackCalloutProps] = React.useState<CustomizedCalloutData>();\n    const [xAxisCalloutAccessibilityData, setXAxisCalloutAccessibilityData] = React.useState<AccessibilityProps>();\n    const [clickPosition, setClickPosition] = React.useState({ x: 0, y: 0 });\n    const [isPopoverOpen, setPopoverOpen] = React.useState(false);\n    const prevPropsRef = React.useRef<AreaChartProps | null>(null);\n\n    React.useEffect(() => {\n      if (prevPropsRef.current) {\n        const prevProps = prevPropsRef.current;\n        if (!areArraysEqual(prevProps.legendProps?.selectedLegends, props.legendProps?.selectedLegends)) {\n          setSelectedLegends(props.legendProps?.selectedLegends || []);\n        }\n      }\n      prevPropsRef.current = props;\n    }, [props]);\n\n    React.useImperativeHandle(\n      props.componentRef,\n      () => ({\n        chartContainer: cartesianChartRef.current?.chartContainer ?? null,\n      }),\n      [],\n    );\n\n    const classes = useAreaChartStyles(props);\n\n    function _getDomainNRangeValues(\n      points: LineChartPoints[],\n      margins: Margins,\n      width: number,\n      chartType: ChartTypes,\n      isRTL: boolean,\n      xAxisType: XAxisTypes,\n      barWidth: number,\n      tickValues: Date[] | number[] | undefined,\n    ) {\n      let domainNRangeValue: IDomainNRange;\n      if (xAxisType === XAxisTypes.NumericAxis) {\n        domainNRangeValue = domainRangeOfNumericForAreaChart(points, margins, width, isRTL);\n      } else if (xAxisType === XAxisTypes.DateAxis) {\n        domainNRangeValue = domainRangeOfDateForAreaLineVerticalBarChart(\n          points,\n          margins,\n          width,\n          isRTL,\n          tickValues! as Date[],\n          chartType,\n          barWidth,\n        );\n      } else {\n        domainNRangeValue = { dStartValue: 0, dEndValue: 0, rStartValue: 0, rEndValue: 0 };\n      }\n      return domainNRangeValue;\n    }\n\n    function _getMargins(margins: Margins) {\n      _margins = margins;\n    }\n\n    function _onRectMouseMove(mouseEvent: React.MouseEvent<SVGRectElement | SVGPathElement | SVGCircleElement>) {\n      mouseEvent.persist();\n      const { data } = props;\n      const { lineChartData } = data;\n      _updatePosition(mouseEvent.clientX, mouseEvent.clientY);\n      // This will get the value of the X when mouse is on the chart\n      // eslint-disable-next-line @nx/workspace-no-restricted-globals\n      const xOffset = _xAxisRectScale.invert(pointer(mouseEvent)[0], document.getElementById(_rectId)!);\n      const i = bisect(lineChartData![0].data, xOffset);\n      const d0 = lineChartData![0].data[i - 1] as LineChartDataPoint;\n      const d1 = lineChartData![0].data[i] as LineChartDataPoint;\n      let pointToHighlight: string | Date | number | null = null;\n      let index: null | number = null;\n      const axisType =\n        lineChartData![0].data.length > 0 ? (getTypeOfAxis(lineChartData![0].data[0].x, true) as XAxisTypes) : null;\n      if (d0 === undefined && d1 !== undefined) {\n        pointToHighlight = d1.x;\n        index = i;\n      } else if (d0 !== undefined && d1 === undefined) {\n        pointToHighlight = d0.x;\n        index = i - 1;\n      } else {\n        let x0;\n        let point0;\n        let point1;\n        switch (axisType) {\n          case XAxisTypes.DateAxis:\n            x0 = new Date(xOffset).getTime();\n            point0 = (d0.x as Date).getTime();\n            point1 = (d1.x as Date).getTime();\n            pointToHighlight = Math.abs(x0 - point0) > Math.abs(x0 - point1) ? d1.x : d0.x;\n            index = Math.abs(x0 - point0) > Math.abs(x0 - point1) ? i : i - 1;\n            break;\n          case XAxisTypes.NumericAxis:\n            x0 = xOffset as number;\n            point0 = d0.x as number;\n            point1 = d1.x as number;\n            pointToHighlight = Math.abs(x0 - point0) > Math.abs(x0 - point1) ? d1.x : d0.x;\n            index = Math.abs(x0 - point0) > Math.abs(x0 - point1) ? i : i - 1;\n            break;\n          default:\n            break;\n        }\n      }\n\n      // eslint-disable-next-line @typescript-eslint/no-shadow\n      const { xAxisCalloutData, xAxisCalloutAccessibilityData } = lineChartData![0].data[index as number];\n      const formattedDate =\n        pointToHighlight instanceof Date ? formatDate(pointToHighlight, props.useUTC) : pointToHighlight;\n      const modifiedXVal = pointToHighlight instanceof Date ? pointToHighlight.getTime() : pointToHighlight;\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      const found: any = find(_calloutPoints, (element: { x: string | number }) => {\n        return element.x === modifiedXVal;\n      });\n      // eslint-disable-next-line @typescript-eslint/no-shadow\n      const _nearestCircleToHighlight =\n        axisType === XAxisTypes.DateAxis ? (pointToHighlight as Date).getTime() : pointToHighlight;\n      // if no points need to be called out then don't show vertical line and callout card\n      if (found) {\n        const filteredValues = _getFilteredLegendValues(found.values);\n        setNearestCircleToHighlight(_nearestCircleToHighlight);\n        setLineXValue(_xAxisRectScale(pointToHighlight));\n        setDisplayOfLine(InterceptVisibility.show);\n        setIsCircleClicked(false);\n        setStackCalloutProps({ ...found, values: filteredValues });\n        setYValueHover(filteredValues);\n        setDataPointCalloutProps({ ...found, values: filteredValues });\n        setHoverXValue(xAxisCalloutData ? xAxisCalloutData : formattedDate);\n        setXAxisCalloutAccessibilityData(xAxisCalloutAccessibilityData);\n        setActivePoint('');\n      } else {\n        setPopoverOpen(false);\n        setNearestCircleToHighlight(nearestCircleToHighlight);\n        setDisplayOfLine(InterceptVisibility.hide);\n        setIsCircleClicked(false);\n      }\n    }\n    /**\n     * just cleaning up the state which we have set in the mouse move event\n     */\n    function _onRectMouseOut() {\n      /**/\n    }\n\n    function _updatePosition(newX: number, newY: number) {\n      const threshold = 1; // Set a threshold for movement\n      const { x, y } = clickPosition;\n      // Calculate the distance moved\n      const distance = Math.sqrt(Math.pow(newX - x, 2) + Math.pow(newY - y, 2));\n      // Update the position only if the distance moved is greater than the threshold\n      if (distance > threshold) {\n        setClickPosition({ x: newX, y: newY });\n        setPopoverOpen(true);\n      }\n    }\n\n    function _handleChartMouseLeave() {\n      setPopoverOpen(false);\n      setNearestCircleToHighlight(null);\n      setLineXValue(0);\n      setDisplayOfLine(InterceptVisibility.hide);\n      setIsCircleClicked(false);\n      setStackCalloutProps(undefined);\n      setDataPointCalloutProps(undefined);\n      setHoverXValue(undefined);\n      setYValueHover([]);\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    function _getDataPoints(keys: string[], dataSet: any) {\n      const renderPoints: Array<AreaChartDataSetPoint[]> = [];\n      let maxOfYVal = 0;\n\n      if (_shouldFillToZeroY()) {\n        keys.forEach((key, index) => {\n          const currentLayer: AreaChartDataSetPoint[] = [];\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          dataSet.forEach((d: any) => {\n            currentLayer.push({\n              values: [0, d[key]], // Start from zero for \"tozeroy\" mode\n              xVal: d.xVal,\n            });\n            if (d[key] > maxOfYVal) {\n              maxOfYVal = d[key];\n            }\n          });\n          renderPoints.push(currentLayer);\n        });\n      } else {\n        const dataValues = d3Stack().keys(keys)(dataSet);\n        maxOfYVal = d3Max(dataValues[dataValues.length - 1], dp => dp[1])!;\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        dataValues.forEach((layer: any) => {\n          const currentLayer: AreaChartDataSetPoint[] = [];\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          layer.forEach((d: any) => {\n            currentLayer.push({\n              values: d,\n              xVal: d.data.xVal,\n            });\n          });\n          renderPoints.push(currentLayer);\n        });\n      }\n\n      _isMultiStackChart = !!(props.legendProps?.selectedLegends\n        ? renderPoints?.length >= 1\n        : renderPoints?.length > 1);\n      return {\n        renderData: renderPoints,\n        // The maxOfYVal prop is only required for the primary y-axis. When the data includes\n        // a secondary y-axis, the mode defaults to tozeroy, so maxOfYVal should be calculated using\n        // only the data points associated with the primary y-axis.\n        maxOfYVal: _containsSecondaryYAxis ? findNumericMinMaxOfY(props.data.lineChartData!).endValue : maxOfYVal,\n      };\n    }\n\n    function _createDataSet(points: LineChartPoints[]) {\n      if (props.enablePerfOptimization && _enableComputationOptimization) {\n        const allChartPoints: LineChartDataPoint[] = [];\n        const dataSet: AreaChartDataSetPoint[] = [];\n        const colors: string[] = [];\n        const opacity: number[] = [];\n        const calloutPoints = calloutData(points!);\n\n        points &&\n          points.length &&\n          points.forEach((singleChartPoint: LineChartPoints) => {\n            colors.push(singleChartPoint.color!);\n            opacity.push(singleChartPoint.opacity || 1);\n            allChartPoints.push(...(singleChartPoint.data as LineChartDataPoint[]));\n          });\n\n        const mapOfXvalToListOfDataPoints: MapXToDataSet = {};\n        allChartPoints.forEach((dataPoint: LineChartDataPoint) => {\n          const xValue = dataPoint.x instanceof Date ? dataPoint.x.toLocaleString() : dataPoint.x;\n          // map of x value to the list of data points which share the same x value .\n          if (mapOfXvalToListOfDataPoints[xValue]) {\n            mapOfXvalToListOfDataPoints[xValue].push(dataPoint);\n          } else {\n            mapOfXvalToListOfDataPoints[xValue] = [dataPoint];\n          }\n        });\n\n        Object.keys(mapOfXvalToListOfDataPoints).forEach((key: number | string) => {\n          const value: LineChartDataPoint[] = mapOfXvalToListOfDataPoints[key];\n\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          const singleDataset: any = {};\n          value.forEach((singleDataPoint: LineChartDataPoint, index: number) => {\n            singleDataset.xVal = singleDataPoint.x;\n            singleDataset[`chart${index}`] = singleDataPoint.y;\n          });\n          dataSet.push(singleDataset);\n        });\n\n        // get keys from dataset, used to render data\n        const keysLength: number = dataSet && Object.keys(dataSet[0])!.length;\n        const keys: string[] = [];\n        for (let i = 0; i < keysLength - 1; i++) {\n          const keyVal = `chart${i}`;\n          keys.push(keyVal);\n        }\n\n        // Data used to draw graph\n        const data = _getDataPoints(keys, dataSet);\n\n        return {\n          colors,\n          opacity,\n          keys,\n          data,\n          calloutPoints,\n        };\n      } else {\n        const allChartPoints: LineChartDataPoint[] = [];\n        const dataSet: AreaChartDataSetPoint[] = [];\n        const colors: string[] = [];\n        const opacity: number[] = [];\n        const calloutPoints = calloutData(points!);\n\n        points &&\n          points.length &&\n          points.forEach((singleChartPoint: LineChartPoints) => {\n            colors.push(singleChartPoint.color!);\n            opacity.push(singleChartPoint.opacity || 1);\n            allChartPoints.push(...(singleChartPoint.data as LineChartDataPoint[]));\n          });\n\n        let tempArr = allChartPoints;\n        while (tempArr.length) {\n          const valToCheck = tempArr[0].x instanceof Date ? tempArr[0].x.toLocaleString() : tempArr[0].x;\n          const filteredChartPoints: LineChartDataPoint[] = tempArr.filter(\n            (point: LineChartDataPoint) =>\n              (point.x instanceof Date ? point.x.toLocaleString() : point.x) === valToCheck,\n          );\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          const singleDataset: any = {};\n          filteredChartPoints.forEach((singleDataPoint: LineChartDataPoint, index: number) => {\n            singleDataset.xVal = singleDataPoint.x;\n            singleDataset[`chart${index}`] = singleDataPoint.y;\n          });\n          dataSet.push(singleDataset);\n          // removing compared objects from array\n          const val = tempArr[0].x instanceof Date ? tempArr[0].x.toLocaleString() : tempArr[0].x;\n          tempArr = tempArr.filter(\n            (point: LineChartDataPoint) => (point.x instanceof Date ? point.x.toLocaleString() : point.x) !== val,\n          );\n        }\n\n        // get keys from dataset, used to create stacked data\n        const keysLength: number = dataSet && Object.keys(dataSet[0])!.length;\n        const keys: string[] = [];\n        for (let i = 0; i < keysLength - 1; i++) {\n          const keyVal = `chart${i}`;\n          keys.push(keyVal);\n        }\n\n        // Data used to draw graph\n        const data = _getDataPoints(keys, dataSet);\n\n        return {\n          colors,\n          opacity,\n          keys,\n          data,\n          calloutPoints,\n        };\n      }\n    }\n\n    function _getCustomizedCallout() {\n      return props.onRenderCalloutPerStack\n        ? props.onRenderCalloutPerStack(stackCalloutProps)\n        : props.onRenderCalloutPerDataPoint\n        ? props.onRenderCalloutPerDataPoint(dataPointCalloutProps)\n        : null;\n    }\n\n    function _getGraphData(\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      xAxis: any,\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      yAxis: any,\n      containerHeight: number,\n      containerWidth: number,\n      xElement: SVGElement | null,\n      yAxisElement?: SVGElement | null,\n      yScaleSecondary?: ScaleLinear<number, number>,\n    ) {\n      _chart = _drawGraph(containerHeight, xAxis, yAxis, yScaleSecondary, xElement!);\n    }\n\n    function _onLegendHover(legend: string): void {\n      setActiveLegend(legend);\n    }\n\n    function _onLegendLeave(): void {\n      setActiveLegend(undefined);\n    }\n\n    function _getLegendData(points: LineChartPoints[]): JSX.Element {\n      const data = points;\n      const actions: Legend[] = [];\n\n      data.forEach((singleChartData: LineChartPoints) => {\n        const color: string = singleChartData.color!;\n        const checkSimilarLegends = actions.filter(\n          (leg: Legend) => leg.title === singleChartData.legend && leg.color === color,\n        );\n        if (checkSimilarLegends!.length > 0) {\n          return;\n        }\n\n        const legend: Legend = {\n          title: singleChartData.legend,\n          color,\n          hoverAction: () => {\n            _handleChartMouseLeave();\n            _onLegendHover(singleChartData.legend);\n          },\n          onMouseOutAction: () => {\n            _onLegendLeave();\n          },\n        };\n\n        actions.push(legend);\n      });\n      return (\n        <Legends\n          legends={actions}\n          enabledWrapLines={props.enabledLegendsWrapLines}\n          {...props.legendProps}\n          onChange={_onLegendSelectionChange}\n        />\n      );\n    }\n\n    function _onLegendSelectionChange(\n      // eslint-disable-next-line @typescript-eslint/no-shadow\n      selectedLegends: string[],\n      event: React.MouseEvent<HTMLButtonElement>,\n      currentLegend?: Legend,\n    ): void {\n      if (props.legendProps?.canSelectMultipleLegends) {\n        setSelectedLegends(selectedLegends);\n      } else {\n        setSelectedLegends(selectedLegends.slice(-1));\n      }\n      if (props.legendProps?.onChange) {\n        props.legendProps.onChange(selectedLegends, event, currentLegend);\n      }\n    }\n\n    function _onDataPointClick(func: (() => void) | undefined) {\n      if (func) {\n        func();\n      }\n      setIsCircleClicked(true);\n    }\n\n    function _getOpacity(legend: string): number {\n      if (!_isMultiStackChart) {\n        return 0.7;\n      } else {\n        const opacity = _legendHighlighted(legend) || _noLegendHighlighted() ? 0.7 : 0.1;\n        return opacity;\n      }\n    }\n\n    function _getLineOpacity(legend: string): number {\n      if (!_isMultiStackChart) {\n        return 1;\n      } else {\n        let opacity = 0.3;\n        if (isPopoverOpen) {\n          opacity = 1;\n        }\n        if (!_noLegendHighlighted()) {\n          opacity = _legendHighlighted(legend) ? 0 : 0.1;\n        }\n        return opacity;\n      }\n    }\n\n    function _updateCircleFillColor(xDataPoint: number | Date, lineColor: string, circleId: string): string {\n      let fillColor = lineColor;\n      if (nearestCircleToHighlight === xDataPoint || activePoint === circleId) {\n        if (!isCircleClicked) {\n          fillColor = tokens.colorNeutralBackground1;\n        }\n      }\n\n      return fillColor;\n    }\n\n    function _drawGraph(\n      containerHeight: number,\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      xScale: any,\n      yScalePrimary: ScaleLinear<number, number>,\n      yScaleSecondary: ScaleLinear<number, number> | undefined,\n      xElement: SVGElement,\n    ): JSX.Element[] {\n      const points = _addDefaultColors(props.data.lineChartData);\n      const { pointOptions, pointLineOptions } = props.data;\n\n      const graph: JSX.Element[] = [];\n      let lineColor: string;\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      _data.forEach((singleStackedData: Array<any>, index: number) => {\n        const yScale = points[index].useSecondaryYScale && yScaleSecondary ? yScaleSecondary : yScalePrimary;\n        const curveFactory = getCurveFactory(points[index].lineOptions?.curve, d3CurveBasis);\n        const area = d3Area()\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          .x((d: any) => xScale(d.xVal))\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          .y0((d: any) => yScale(d.values[0]))\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          .y1((d: any) => yScale(d.values[1]))\n          .curve(curveFactory);\n        const line = d3Line()\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          .x((d: any) => xScale(d.xVal))\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          .y((d: any) => yScale(d.values[1]))\n          .curve(curveFactory);\n        const layerOpacity = _shouldFillToZeroY() ? 0.8 : _opacity[index];\n        graph.push(\n          <React.Fragment key={`${index}-graph-${_uniqueIdForGraph}`}>\n            {props.enableGradient && (\n              <defs>\n                <linearGradient id={`gradient_${index}`} x1=\"0%\" x2=\"0%\" y1=\"0%\" y2=\"100%\">\n                  <stop offset=\"0\" stopColor={_colors[index]} />\n                  <stop offset=\"100%\" stopColor=\"transparent\" />\n                </linearGradient>\n              </defs>\n            )}\n            <path\n              id={`${index}-line-${_uniqueIdForGraph}`}\n              d={line(singleStackedData)!}\n              fill={'transparent'}\n              strokeWidth={points[index].lineOptions?.strokeWidth ?? 3}\n              stroke={_colors[index]}\n              opacity={_getLineOpacity(points[index]!.legend)}\n              onMouseMove={event => _onRectMouseMove(event)}\n              onMouseOut={_onRectMouseOut}\n              onMouseOver={event => _onRectMouseMove(event)}\n              strokeDasharray={points[index].lineOptions?.strokeDasharray}\n              strokeDashoffset={points[index].lineOptions?.strokeDashoffset}\n              strokeLinecap={points[index].lineOptions?.strokeLinecap}\n            />\n            {singleStackedData.length === 1 ? (\n              <circle\n                id={`${index}-graph-${_uniqueIdForGraph}`}\n                cx={xScale(singleStackedData[0].xVal)}\n                cy={yScale(singleStackedData[0].values[1])}\n                r={6}\n                stroke={_colors[index]}\n                strokeWidth={3}\n                fill={_colors[index]}\n                opacity={layerOpacity}\n                fillOpacity={_getOpacity(points[index]!.legend)}\n                onMouseMove={event => _onRectMouseMove(event)}\n                onMouseOut={_onRectMouseOut}\n                onMouseOver={event => _onRectMouseMove(event)}\n              />\n            ) : (\n              <path\n                id={`${index}-graph-${_uniqueIdForGraph}`}\n                d={area(singleStackedData)!}\n                fill={props.enableGradient ? `url(#gradient_${index})` : _colors[index]}\n                opacity={layerOpacity}\n                fillOpacity={_getOpacity(points[index]!.legend)}\n                onMouseMove={event => _onRectMouseMove(event)}\n                onMouseOut={_onRectMouseOut}\n                onMouseOver={event => _onRectMouseMove(event)}\n                {...(props.optimizeLargeData && {\n                  tabIndex: _legendHighlighted(points[index]!.legend) || _noLegendHighlighted() ? 0 : undefined,\n                  role: 'img',\n                  'aria-label': `${points[index].legend}, series ${index + 1} of ${points.length} with ${\n                    points[index].data.length\n                  } data points.`,\n                })}\n              />\n            )}\n          </React.Fragment>,\n        );\n      });\n\n      const circleRadius = pointOptions && pointOptions.r ? Number(pointOptions.r) : 8;\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      _data.forEach((singleStackedData: Array<any>, index: number) => {\n        if (points.length === index) {\n          return;\n        }\n        const yScale = points[index].useSecondaryYScale && yScaleSecondary ? yScaleSecondary : yScalePrimary;\n\n        if (!props.optimizeLargeData || singleStackedData.length === 1) {\n          // Render circles for all data points\n          graph.push(\n            <g\n              key={`${index}-dots-${_uniqueIdForGraph}`}\n              clipPath=\"url(#clip)\"\n              role=\"region\"\n              aria-label={`${points[index].legend}, series ${index + 1} of ${points.length} with ${\n                points[index].data.length\n              } data points.`}\n            >\n              {singleStackedData.map((singlePoint: DPointType, pointIndex: number) => {\n                const circleId = `${_circleId}_${index * _data[0].length + pointIndex}`;\n                const xDataPoint = singlePoint.xVal instanceof Date ? singlePoint.xVal.getTime() : singlePoint.xVal;\n                lineColor = points[index]!.color!;\n                const legend = points[index]!.legend;\n                return (\n                  <circle\n                    key={circleId}\n                    id={circleId}\n                    tabIndex={_legendHighlighted(points[index]!.legend) || _noLegendHighlighted() ? 0 : undefined}\n                    cx={xScale(singlePoint.xVal)}\n                    cy={yScale(singlePoint.values[1])}\n                    stroke={lineColor}\n                    strokeWidth={3}\n                    fill={_updateCircleFillColor(xDataPoint, lineColor, circleId)}\n                    onMouseOut={_onRectMouseOut}\n                    onMouseOver={event => _onRectMouseMove(event)}\n                    onClick={() => _onDataPointClick(points[index]!.data[pointIndex].onDataPointClick!)}\n                    onFocus={() => _handleFocus(index, pointIndex, circleId)}\n                    onBlur={_handleBlur}\n                    {...getSecureProps(pointOptions)}\n                    r={_getCircleRadius(xDataPoint, circleRadius, circleId, legend)}\n                    role=\"img\"\n                    aria-label={_getAriaLabel(index, pointIndex)}\n                  />\n                );\n              })}\n            </g>,\n          );\n        } else {\n          // Render circles for data points close to the mouse pointer only\n          singleStackedData.forEach((singlePoint: DPointType, pointIndex: number) => {\n            const xDataPoint = singlePoint.xVal instanceof Date ? singlePoint.xVal.getTime() : singlePoint.xVal;\n            if (nearestCircleToHighlight === xDataPoint) {\n              const circleId = `${_circleId}_${index * _data[0].length + pointIndex}`;\n              lineColor = points[index]!.color!;\n              const legend = points[index]!.legend;\n              graph.push(\n                <circle\n                  key={circleId}\n                  id={circleId}\n                  cx={xScale(singlePoint.xVal)}\n                  cy={yScale(singlePoint.values[1])}\n                  stroke={lineColor}\n                  strokeWidth={3}\n                  fill={_updateCircleFillColor(xDataPoint, lineColor, circleId)}\n                  onMouseOut={_onRectMouseOut}\n                  onMouseOver={event => _onRectMouseMove(event)}\n                  onClick={() => _onDataPointClick(points[index]!.data[pointIndex].onDataPointClick!)}\n                  {...getSecureProps(pointOptions)}\n                  r={_getCircleRadius(xDataPoint, circleRadius, circleId, legend)}\n                />,\n              );\n            }\n          });\n        }\n      });\n      graph.push(\n        <line\n          id={_verticalLineId}\n          key={_verticalLineId}\n          x1={lineXValue}\n          y1={0}\n          x2={lineXValue}\n          y2={containerHeight}\n          strokeWidth={1}\n          strokeDasharray={5.5}\n          stroke={lineColor!}\n          opacity={0.5}\n          visibility={displayOfLine}\n          {...getSecureProps(pointLineOptions)}\n        />,\n      );\n      // Removing un wanted tooltip div from DOM, when prop not provided.\n      if (!props.showXAxisLablesTooltip) {\n        try {\n          // eslint-disable-next-line @nx/workspace-no-restricted-globals\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 x axis labels.\n      if (!props.wrapXAxisLables && props.showXAxisLablesTooltip) {\n        const xAxisElement = d3Select(xElement).call(xScale);\n        try {\n          // eslint-disable-next-line @nx/workspace-no-restricted-globals\n          document.getElementById(_tooltipId) && document.getElementById(_tooltipId)!.remove();\n          // eslint-disable-next-line no-empty\n        } catch (e) {}\n        const tooltipProps = {\n          tooltipCls: classes.tooltip!,\n          id: _tooltipId,\n          axis: xAxisElement,\n        };\n        xAxisElement && tooltipOfAxislabels(tooltipProps);\n      }\n      return graph;\n    }\n\n    function _getCircleRadius(xDataPoint: number, circleRadius: number, circleId: string, legend: string): number {\n      // Show the circle if no legends are selected or if the point's legend is in the selected legends\n      if (!_noLegendHighlighted() && !_legendHighlighted(legend)) {\n        return 0;\n      }\n\n      if (isCircleClicked && nearestCircleToHighlight === xDataPoint) {\n        return 1;\n      } else if (nearestCircleToHighlight === xDataPoint || activePoint === circleId) {\n        return circleRadius;\n      } else {\n        return 0;\n      }\n    }\n\n    /**\n     * This function checks if the given legend is highlighted or not.\n     * A legend can be highlighted in 2 ways:\n     * 1. selection: if the user clicks on it\n     * 2. hovering: if there is no selected legend and the user hovers over it\n     */\n    function _legendHighlighted(legend: string) {\n      return _getHighlightedLegend().includes(legend!);\n    }\n\n    /**\n     * This function checks if none of the legends is selected or hovered.\n     */\n    function _noLegendHighlighted() {\n      return _getHighlightedLegend().length === 0;\n    }\n\n    function _getHighlightedLegend() {\n      return selectedLegends.length > 0 ? selectedLegends : activeLegend ? [activeLegend] : [];\n    }\n\n    function _addDefaultColors(lineChartData?: LineChartPoints[]): LineChartPoints[] {\n      return lineChartData\n        ? lineChartData.map((item, index) => {\n            let color: string;\n            // isInverted property is applicable to v8 themes only\n            if (typeof item.color === 'undefined') {\n              color = getNextColor(index, 0);\n            } else {\n              color = getColorFromToken(item.color);\n            }\n\n            return { ...item, color };\n          })\n        : [];\n    }\n\n    function _handleFocus(lineIndex: number, pointIndex: number, circleId: string) {\n      const { x, y, xAxisCalloutData } = props.data.lineChartData![lineIndex].data[pointIndex];\n      const formattedDate = x instanceof Date ? formatDate(x, props.useUTC) : x;\n      const modifiedXVal = x instanceof Date ? x.getTime() : x;\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      const found: any = _calloutPoints.find((e: { x: string | number }) => e.x === modifiedXVal);\n      // Show details in the callout for the focused point only\n      found.values = found.values.filter((e: { y: number }) => e.y === y);\n      const filteredValues = _getFilteredLegendValues(found.values);\n\n      setPopoverOpen(true);\n      setHoverXValue(xAxisCalloutData ? xAxisCalloutData : formattedDate);\n      setYValueHover(filteredValues!);\n      setStackCalloutProps({ ...found, values: filteredValues });\n      setDataPointCalloutProps({ ...found, values: filteredValues });\n      setActivePoint(circleId);\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    function _getFilteredLegendValues(values: any) {\n      return !_noLegendHighlighted()\n        ? values.filter((value: { legend: string }) => _legendHighlighted(value.legend))\n        : values;\n    }\n\n    function _handleBlur() {\n      setPopoverOpen(false);\n      setHoverXValue(undefined);\n      setYValueHover([]);\n      setStackCalloutProps(undefined);\n      setDataPointCalloutProps(undefined);\n      setActivePoint('');\n    }\n\n    function _getAriaLabel(lineIndex: number, pointIndex: number): string {\n      const line = props.data.lineChartData![lineIndex];\n      const point = line.data[pointIndex];\n      const formattedDate = point.x instanceof Date ? formatDate(point.x, props.useUTC) : point.x;\n      const xValue = point.xAxisCalloutData || formattedDate;\n      const legend = line.legend;\n      const yValue = point.yAxisCalloutData || point.y;\n      return point.callOutAccessibilityData?.ariaLabel || `${xValue}. ${legend}, ${yValue}.`;\n    }\n\n    function _isChartEmpty(): boolean {\n      return !(\n        (\n          props.data &&\n          props.data.lineChartData &&\n          props.data.lineChartData.length > 0 &&\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          props.data.lineChartData.filter((item: { data: string | any[] }) => item.data.length === 0).length === 0\n        )\n        // if all the data sets have no data\n        // filtering all items which have no data and checking if the length of the filtered array is 0\n        // which means chart is not empty\n      );\n    }\n\n    function _getChartTitle(): string {\n      const { chartTitle, lineChartData } = props.data;\n      return (chartTitle ? `${chartTitle}. ` : '') + `Area chart with ${lineChartData?.length || 0} data series. `;\n    }\n\n    function _shouldFillToZeroY() {\n      return props.mode === 'tozeroy' || _containsSecondaryYAxis;\n    }\n\n    if (!_isChartEmpty()) {\n      const { lineChartData } = props.data;\n      const points = _addDefaultColors(lineChartData);\n      _containsSecondaryYAxis = !!props.secondaryYScaleOptions && points.some(point => point.useSecondaryYScale);\n      _createSet = _createDataSet;\n      const { colors, opacity, data, calloutPoints } = _createSet(points);\n      _calloutPoints = calloutPoints;\n      const isXAxisDateType = getXAxisType(points);\n      _colors = colors;\n      _opacity = opacity;\n      _data = data.renderData;\n      const legends: JSX.Element = _getLegendData(points);\n\n      const tickParams = {\n        tickValues: props.tickValues,\n        tickFormat: props.tickFormat,\n      };\n\n      const calloutProps: ChartPopoverProps = {\n        YValueHover: YValueHover!,\n        hoverXValue: hoverXValue!,\n        xAxisCalloutAccessibilityData,\n        ...props.calloutProps,\n        clickPosition,\n        isPopoverOpen,\n        isCartesian: true,\n        customCallout: {\n          customizedCallout: _getCustomizedCallout() !== null ? _getCustomizedCallout()! : undefined,\n          customCalloutProps: props.calloutPropsPerDataPoint\n            ? props.calloutPropsPerDataPoint(dataPointCalloutProps!)\n            : undefined,\n        },\n        isCalloutForStack: true,\n      };\n      return (\n        <CartesianChart\n          {...props}\n          chartTitle={_getChartTitle()}\n          points={points}\n          chartType={ChartTypes.AreaChart}\n          calloutProps={calloutProps}\n          legendBars={legends}\n          createYAxis={createNumericYAxis}\n          xAxisType={isXAxisDateType ? XAxisTypes.DateAxis : XAxisTypes.NumericAxis}\n          tickParams={tickParams}\n          maxOfYVal={data.maxOfYVal}\n          getGraphData={_getGraphData}\n          getDomainNRangeValues={_getDomainNRangeValues}\n          createStringYAxis={createStringYAxis}\n          getmargins={_getMargins}\n          onChartMouseLeave={_handleChartMouseLeave}\n          getMinMaxOfYAxis={findNumericMinMaxOfY}\n          enableFirstRenderOptimization={props.enablePerfOptimization && _firstRenderOptimization}\n          componentRef={cartesianChartRef}\n          /* eslint-disable react/jsx-no-bind */\n          // eslint-disable-next-line react/no-children-prop, @typescript-eslint/no-shadow\n          children={(props: ChildProps) => {\n            _xAxisRectScale = props.xScale;\n            const ticks = _xAxisRectScale.ticks();\n            const width1 = _xAxisRectScale(ticks[ticks.length - 1]);\n            const rectHeight = props.containerHeight! - _margins.top!;\n            return (\n              <>\n                <g>\n                  <rect\n                    id={_rectId}\n                    width={width1}\n                    height={rectHeight}\n                    fill={'transparent'}\n                    onMouseMove={event => _onRectMouseMove(event)}\n                    onMouseOut={_onRectMouseOut}\n                    onMouseOver={event => _onRectMouseMove(event)}\n                  />\n                </g>\n                <g>{_chart}</g>\n              </>\n            );\n          }}\n        />\n      );\n    }\n    return (\n      <div id={_emptyChartId} role={'alert'} style={{ opacity: '0' }} aria-label={'Graph has no data to display'} />\n    );\n  },\n);\nAreaChart.displayName = 'AreaChart';\n"],"names":["React","useAreaChartStyles","max","d3Max","bisector","pointer","select","d3Select","tokens","area","d3Area","stack","d3Stack","curveMonotoneX","d3CurveBasis","line","d3Line","CartesianChart","calloutData","getXAxisType","ChartTypes","XAxisTypes","getTypeOfAxis","tooltipOfAxislabels","getNextColor","getColorFromToken","formatDate","getSecureProps","areArraysEqual","getCurveFactory","find","findNumericMinMaxOfY","createNumericYAxis","domainRangeOfNumericForAreaChart","domainRangeOfDateForAreaLineVerticalBarChart","createStringYAxis","useId","Legends","bisect","d","x","left","InterceptVisibility","AreaChart","forwardRef","props","forwardedRef","_uniqueIdForGraph","_verticalLineId","_circleId","_rectId","_tooltipId","_enableComputationOptimization","_firstRenderOptimization","_emptyChartId","_containsSecondaryYAxis","_calloutPoints","_createSet","_colors","_opacity","_data","_chart","_margins","_xAxisRectScale","_isMultiStackChart","cartesianChartRef","useRef","selectedLegends","setSelectedLegends","useState","legendProps","activeLegend","setActiveLegend","undefined","hoverXValue","setHoverXValue","YValueHover","setYValueHover","lineXValue","setLineXValue","displayOfLine","setDisplayOfLine","isCircleClicked","setIsCircleClicked","nearestCircleToHighlight","setNearestCircleToHighlight","activePoint","setActivePoint","dataPointCalloutProps","setDataPointCalloutProps","stackCalloutProps","setStackCalloutProps","xAxisCalloutAccessibilityData","setXAxisCalloutAccessibilityData","clickPosition","setClickPosition","y","isPopoverOpen","setPopoverOpen","prevPropsRef","useEffect","current","prevProps","useImperativeHandle","componentRef","chartContainer","classes","_getDomainNRangeValues","points","margins","width","chartType","isRTL","xAxisType","barWidth","tickValues","domainNRangeValue","NumericAxis","DateAxis","dStartValue","dEndValue","rStartValue","rEndValue","_getMargins","_onRectMouseMove","mouseEvent","persist","data","lineChartData","_updatePosition","clientX","clientY","xOffset","invert","document","getElementById","i","d0","d1","pointToHighlight","index","axisType","length","x0","point0","point1","Date","getTime","Math","abs","xAxisCalloutData","formattedDate","useUTC","modifiedXVal","found","element","_nearestCircleToHighlight","filteredValues","_getFilteredLegendValues","values","_onRectMouseOut","newX","newY","threshold","distance","sqrt","pow","_handleChartMouseLeave","_getDataPoints","keys","dataSet","renderPoints","maxOfYVal","_shouldFillToZeroY","forEach","key","currentLayer","push","xVal","dataValues","dp","layer","renderData","endValue","_createDataSet","enablePerfOptimization","allChartPoints","colors","opacity","calloutPoints","singleChartPoint","color","mapOfXvalToListOfDataPoints","dataPoint","xValue","toLocaleString","Object","value","singleDataset","singleDataPoint","keysLength","keyVal","tempArr","valToCheck","filteredChartPoints","filter","point","val","_getCustomizedCallout","onRenderCalloutPerStack","onRenderCalloutPerDataPoint","_getGraphData","xAxis","yAxis","containerHeight","containerWidth","xElement","yAxisElement","yScaleSecondary","_drawGraph","_onLegendHover","legend","_onLegendLeave","_getLegendData","actions","singleChartData","checkSimilarLegends","leg","title","hoverAction","onMouseOutAction","legends","enabledWrapLines","enabledLegendsWrapLines","onChange","_onLegendSelectionChange","event","currentLegend","canSelectMultipleLegends","slice","_onDataPointClick","func","_getOpacity","_legendHighlighted","_noLegendHighlighted","_getLineOpacity","_updateCircleFillColor","xDataPoint","lineColor","circleId","fillColor","colorNeutralBackground1","xScale","yScalePrimary","_addDefaultColors","pointOptions","pointLineOptions","graph","singleStackedData","yScale","useSecondaryYScale","curveFactory","lineOptions","curve","y0","y1","layerOpacity","Fragment","enableGradient","defs","linearGradient","id","x1","x2","y2","stop","offset","stopColor","path","fill","strokeWidth","stroke","onMouseMove","onMouseOut","onMouseOver","strokeDasharray","strokeDashoffset","strokeLinecap","circle","cx","cy","r","fillOpacity","optimizeLargeData","tabIndex","role","circleRadius","Number","g","clipPath","aria-label","map","singlePoint","pointIndex","onClick","onDataPointClick","onFocus","_handleFocus","onBlur","_handleBlur","_getCircleRadius","_getAriaLabel","visibility","showXAxisLablesTooltip","remove","e","wrapXAxisLables","xAxisElement","call","tooltipProps","tooltipCls","tooltip","axis","_getHighlightedLegend","includes","item","lineIndex","yValue","yAxisCalloutData","callOutAccessibilityData","ariaLabel","_isChartEmpty","_getChartTitle","chartTitle","mode","secondaryYScaleOptions","some","isXAxisDateType","tickParams","tickFormat","calloutProps","isCartesian","customCallout","customizedCallout","customCalloutProps","calloutPropsPerDataPoint","isCalloutForStack","legendBars","createYAxis","getGraphData","getDomainNRangeValues","getmargins","onChartMouseLeave","getMinMaxOfYAxis","enableFirstRenderOptimization","children","ticks","width1","rectHeight","top","rect","height","div","style","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["AreaChart.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useAreaChartStyles } from './useAreaChartStyles.styles';\nimport { max as d3Max, bisector } from 'd3-array';\nimport { pointer } from 'd3-selection';\nimport { select as d3Select } from 'd3-selection';\nimport { tokens } from '@fluentui/react-theme';\nimport { area as d3Area, stack as d3Stack, curveMonotoneX as d3CurveBasis, line as d3Line } from 'd3-shape';\nimport {\n  AccessibilityProps,\n  CartesianChart,\n  CustomizedCalloutData,\n  AreaChartProps,\n  LineChartDataPoint,\n  LineChartPoints,\n  ChildProps,\n  Margins,\n  YValueHover,\n  ChartPopoverProps,\n  Chart,\n} from '../../index';\nimport {\n  calloutData,\n  getXAxisType,\n  ChartTypes,\n  XAxisTypes,\n  getTypeOfAxis,\n  tooltipOfAxislabels,\n  getNextColor,\n  getColorFromToken,\n  formatDate,\n  getSecureProps,\n  areArraysEqual,\n  getCurveFactory,\n  find,\n  findNumericMinMaxOfY,\n  createNumericYAxis,\n  IDomainNRange,\n  domainRangeOfNumericForAreaChart,\n  domainRangeOfDateForAreaLineVerticalBarChart,\n  createStringYAxis,\n} from '../../utilities/index';\nimport { useId } from '@fluentui/react-utilities';\nimport { Legend, Legends } from '../Legends/index';\nimport { ScaleLinear } from 'd3-scale';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst bisect = bisector((d: any) => d.x).left;\n\nenum InterceptVisibility {\n  show = 'visibility',\n  hide = 'hidden',\n}\n\nexport interface AreaChartAreaPoint {\n  xVal: string | number;\n  values: AreaChartDataSetPoint;\n}\nexport interface AreaChartDataSetPoint {\n  [key: string]: number | string | number[];\n}\nexport interface DPointType {\n  values: { 0: number; 1: number; data: {} };\n  xVal: number | Date;\n}\nexport interface MapXToDataSet {\n  [key: string]: LineChartDataPoint[];\n  [key: number]: LineChartDataPoint[];\n}\n\n//by default d3-shape 3.2.0 limits the< path> data point precision to 3 digits(d3/d3-path#10)\n\nexport const AreaChart: React.FunctionComponent<AreaChartProps> = React.forwardRef<HTMLDivElement, AreaChartProps>(\n  (props, forwardedRef) => {\n    const _uniqueIdForGraph: string = useId('areaChart_');\n    const _verticalLineId: string = useId('verticalLine_');\n    const _circleId: string = useId('circle');\n    const _rectId: string = useId('rectangle');\n    const _tooltipId: string = useId('AreaChartTooltipID');\n    //enableComputationOptimization is used for optimized code to group data points by x value\n    //from O(n^2) to O(n) using a map.\n    const _enableComputationOptimization: boolean = true;\n    const _firstRenderOptimization: boolean = true;\n    const _emptyChartId: string = useId('_AreaChart_empty');\n    let _containsSecondaryYAxis = false;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    let _calloutPoints: any;\n    let _createSet: (data: LineChartPoints[]) => {\n      colors: string[];\n      opacity: number[];\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      data: any;\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      calloutPoints: any;\n    };\n    let _colors: string[];\n    let _opacity: number[];\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    let _data: any;\n    let _chart: JSX.Element[];\n    let _margins: Margins;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    let _xAxisRectScale: any;\n    // determines if the given area chart has multiple stacked bar charts\n    let _isMultiStackChart: boolean;\n    const cartesianChartRef = React.useRef<Chart>(null);\n\n    const [selectedLegends, setSelectedLegends] = React.useState<string[]>(props.legendProps?.selectedLegends || []);\n    const [activeLegend, setActiveLegend] = React.useState<string | undefined>(undefined);\n    const [hoverXValue, setHoverXValue] = React.useState<string | number | undefined | null>('');\n    // eslint-disable-next-line @typescript-eslint/no-shadow\n    const [YValueHover, setYValueHover] = React.useState<YValueHover[]>([]);\n    const [lineXValue, setLineXValue] = React.useState<number>(0);\n    const [displayOfLine, setDisplayOfLine] = React.useState<InterceptVisibility>(InterceptVisibility.hide);\n    const [isCircleClicked, setIsCircleClicked] = React.useState<boolean>(false);\n    const [nearestCircleToHighlight, setNearestCircleToHighlight] = React.useState<number | string | Date | null>(null);\n    const [activePoint, setActivePoint] = React.useState<string>('');\n    const [dataPointCalloutProps, setDataPointCalloutProps] = React.useState<CustomizedCalloutData>();\n    const [stackCalloutProps, setStackCalloutProps] = React.useState<CustomizedCalloutData>();\n    const [xAxisCalloutAccessibilityData, setXAxisCalloutAccessibilityData] = React.useState<AccessibilityProps>();\n    const [clickPosition, setClickPosition] = React.useState({ x: 0, y: 0 });\n    const [isPopoverOpen, setPopoverOpen] = React.useState(false);\n    const prevPropsRef = React.useRef<AreaChartProps | null>(null);\n\n    React.useEffect(() => {\n      if (prevPropsRef.current) {\n        const prevProps = prevPropsRef.current;\n        if (!areArraysEqual(prevProps.legendProps?.selectedLegends, props.legendProps?.selectedLegends)) {\n          setSelectedLegends(props.legendProps?.selectedLegends || []);\n        }\n      }\n      prevPropsRef.current = props;\n    }, [props]);\n\n    React.useImperativeHandle(\n      props.componentRef,\n      () => ({\n        chartContainer: cartesianChartRef.current?.chartContainer ?? null,\n      }),\n      [],\n    );\n\n    const classes = useAreaChartStyles(props);\n\n    function _getDomainNRangeValues(\n      points: LineChartPoints[],\n      margins: Margins,\n      width: number,\n      chartType: ChartTypes,\n      isRTL: boolean,\n      xAxisType: XAxisTypes,\n      barWidth: number,\n      tickValues: Date[] | number[] | undefined,\n    ) {\n      let domainNRangeValue: IDomainNRange;\n      if (xAxisType === XAxisTypes.NumericAxis) {\n        domainNRangeValue = domainRangeOfNumericForAreaChart(points, margins, width, isRTL);\n      } else if (xAxisType === XAxisTypes.DateAxis) {\n        domainNRangeValue = domainRangeOfDateForAreaLineVerticalBarChart(\n          points,\n          margins,\n          width,\n          isRTL,\n          tickValues! as Date[],\n          chartType,\n          barWidth,\n        );\n      } else {\n        domainNRangeValue = { dStartValue: 0, dEndValue: 0, rStartValue: 0, rEndValue: 0 };\n      }\n      return domainNRangeValue;\n    }\n\n    function _getMargins(margins: Margins) {\n      _margins = margins;\n    }\n\n    function _onRectMouseMove(mouseEvent: React.MouseEvent<SVGRectElement | SVGPathElement | SVGCircleElement>) {\n      mouseEvent.persist();\n      const { data } = props;\n      const { lineChartData } = data;\n      _updatePosition(mouseEvent.clientX, mouseEvent.clientY);\n      // This will get the value of the X when mouse is on the chart\n      // eslint-disable-next-line @nx/workspace-no-restricted-globals\n      const xOffset = _xAxisRectScale.invert(pointer(mouseEvent)[0], document.getElementById(_rectId)!);\n      const i = bisect(lineChartData![0].data, xOffset);\n      const d0 = lineChartData![0].data[i - 1] as LineChartDataPoint;\n      const d1 = lineChartData![0].data[i] as LineChartDataPoint;\n      let pointToHighlight: string | Date | number | null = null;\n      let index: null | number = null;\n      const axisType =\n        lineChartData![0].data.length > 0 ? (getTypeOfAxis(lineChartData![0].data[0].x, true) as XAxisTypes) : null;\n      if (d0 === undefined && d1 !== undefined) {\n        pointToHighlight = d1.x;\n        index = i;\n      } else if (d0 !== undefined && d1 === undefined) {\n        pointToHighlight = d0.x;\n        index = i - 1;\n      } else {\n        let x0;\n        let point0;\n        let point1;\n        switch (axisType) {\n          case XAxisTypes.DateAxis:\n            x0 = new Date(xOffset).getTime();\n            point0 = (d0.x as Date).getTime();\n            point1 = (d1.x as Date).getTime();\n            pointToHighlight = Math.abs(x0 - point0) > Math.abs(x0 - point1) ? d1.x : d0.x;\n            index = Math.abs(x0 - point0) > Math.abs(x0 - point1) ? i : i - 1;\n            break;\n          case XAxisTypes.NumericAxis:\n            x0 = xOffset as number;\n            point0 = d0.x as number;\n            point1 = d1.x as number;\n            pointToHighlight = Math.abs(x0 - point0) > Math.abs(x0 - point1) ? d1.x : d0.x;\n            index = Math.abs(x0 - point0) > Math.abs(x0 - point1) ? i : i - 1;\n            break;\n          default:\n            break;\n        }\n      }\n\n      // eslint-disable-next-line @typescript-eslint/no-shadow\n      const { xAxisCalloutData, xAxisCalloutAccessibilityData } = lineChartData![0].data[index as number];\n      const formattedDate =\n        pointToHighlight instanceof Date ? formatDate(pointToHighlight, props.useUTC) : pointToHighlight;\n      const modifiedXVal = pointToHighlight instanceof Date ? pointToHighlight.getTime() : pointToHighlight;\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      const found: any = find(_calloutPoints, (element: { x: string | number }) => {\n        return element.x === modifiedXVal;\n      });\n      // eslint-disable-next-line @typescript-eslint/no-shadow\n      const _nearestCircleToHighlight =\n        axisType === XAxisTypes.DateAxis ? (pointToHighlight as Date).getTime() : pointToHighlight;\n      // if no points need to be called out then don't show vertical line and callout card\n      if (found) {\n        const filteredValues = _getFilteredLegendValues(found.values);\n        setNearestCircleToHighlight(_nearestCircleToHighlight);\n        setLineXValue(_xAxisRectScale(pointToHighlight));\n        setDisplayOfLine(InterceptVisibility.show);\n        setIsCircleClicked(false);\n        setStackCalloutProps({ ...found, values: filteredValues });\n        setYValueHover(filteredValues);\n        setDataPointCalloutProps({ ...found, values: filteredValues });\n        setHoverXValue(xAxisCalloutData ? xAxisCalloutData : formattedDate);\n        setXAxisCalloutAccessibilityData(xAxisCalloutAccessibilityData);\n        setActivePoint('');\n      } else {\n        setPopoverOpen(false);\n        setNearestCircleToHighlight(nearestCircleToHighlight);\n        setDisplayOfLine(InterceptVisibility.hide);\n        setIsCircleClicked(false);\n      }\n    }\n    /**\n     * just cleaning up the state which we have set in the mouse move event\n     */\n    function _onRectMouseOut() {\n      /**/\n    }\n\n    function _updatePosition(newX: number, newY: number) {\n      const threshold = 1; // Set a threshold for movement\n      const { x, y } = clickPosition;\n      // Calculate the distance moved\n      const distance = Math.sqrt(Math.pow(newX - x, 2) + Math.pow(newY - y, 2));\n      // Update the position only if the distance moved is greater than the threshold\n      if (distance > threshold) {\n        setClickPosition({ x: newX, y: newY });\n        setPopoverOpen(true);\n      }\n    }\n\n    function _handleChartMouseLeave() {\n      setPopoverOpen(false);\n      setNearestCircleToHighlight(null);\n      setLineXValue(0);\n      setDisplayOfLine(InterceptVisibility.hide);\n      setIsCircleClicked(false);\n      setStackCalloutProps(undefined);\n      setDataPointCalloutProps(undefined);\n      setHoverXValue(undefined);\n      setYValueHover([]);\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    function _getDataPoints(keys: string[], dataSet: any) {\n      const renderPoints: Array<AreaChartDataSetPoint[]> = [];\n      let maxOfYVal = 0;\n\n      if (_shouldFillToZeroY()) {\n        keys.forEach((key, index) => {\n          const currentLayer: AreaChartDataSetPoint[] = [];\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          dataSet.forEach((d: any) => {\n            currentLayer.push({\n              values: [0, d[key]], // Start from zero for \"tozeroy\" mode\n              xVal: d.xVal,\n            });\n            if (d[key] > maxOfYVal) {\n              maxOfYVal = d[key];\n            }\n          });\n          renderPoints.push(currentLayer);\n        });\n      } else {\n        const dataValues = d3Stack().keys(keys)(dataSet);\n        maxOfYVal = d3Max(dataValues[dataValues.length - 1], dp => dp[1])!;\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        dataValues.forEach((layer: any) => {\n          const currentLayer: AreaChartDataSetPoint[] = [];\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          layer.forEach((d: any) => {\n            currentLayer.push({\n              values: d,\n              xVal: d.data.xVal,\n            });\n          });\n          renderPoints.push(currentLayer);\n        });\n      }\n\n      _isMultiStackChart = !!(props.legendProps?.selectedLegends\n        ? renderPoints?.length >= 1\n        : renderPoints?.length > 1);\n      return {\n        renderData: renderPoints,\n        // The maxOfYVal prop is only required for the primary y-axis. When the data includes\n        // a secondary y-axis, the mode defaults to tozeroy, so maxOfYVal should be calculated using\n        // only the data points associated with the primary y-axis.\n        maxOfYVal: _containsSecondaryYAxis ? findNumericMinMaxOfY(props.data.lineChartData!).endValue : maxOfYVal,\n      };\n    }\n\n    function _createDataSet(points: LineChartPoints[]) {\n      if (props.enablePerfOptimization && _enableComputationOptimization) {\n        const allChartPoints: LineChartDataPoint[] = [];\n        const dataSet: AreaChartDataSetPoint[] = [];\n        const colors: string[] = [];\n        const opacity: number[] = [];\n        const calloutPoints = calloutData(points!);\n\n        points &&\n          points.length &&\n          points.forEach((singleChartPoint: LineChartPoints) => {\n            colors.push(singleChartPoint.color!);\n            opacity.push(singleChartPoint.opacity || 1);\n            allChartPoints.push(...(singleChartPoint.data as LineChartDataPoint[]));\n          });\n\n        const mapOfXvalToListOfDataPoints: MapXToDataSet = {};\n        allChartPoints.forEach((dataPoint: LineChartDataPoint) => {\n          const xValue = dataPoint.x instanceof Date ? dataPoint.x.toLocaleString() : dataPoint.x;\n          // map of x value to the list of data points which share the same x value .\n          if (mapOfXvalToListOfDataPoints[xValue]) {\n            mapOfXvalToListOfDataPoints[xValue].push(dataPoint);\n          } else {\n            mapOfXvalToListOfDataPoints[xValue] = [dataPoint];\n          }\n        });\n\n        Object.keys(mapOfXvalToListOfDataPoints).forEach((key: number | string) => {\n          const value: LineChartDataPoint[] = mapOfXvalToListOfDataPoints[key];\n\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          const singleDataset: any = {};\n          value.forEach((singleDataPoint: LineChartDataPoint, index: number) => {\n            singleDataset.xVal = singleDataPoint.x;\n            singleDataset[`chart${index}`] = singleDataPoint.y;\n          });\n          dataSet.push(singleDataset);\n        });\n\n        // get keys from dataset, used to render data\n        const keysLength: number = dataSet && Object.keys(dataSet[0])!.length;\n        const keys: string[] = [];\n        for (let i = 0; i < keysLength - 1; i++) {\n          const keyVal = `chart${i}`;\n          keys.push(keyVal);\n        }\n\n        // Data used to draw graph\n        const data = _getDataPoints(keys, dataSet);\n\n        return {\n          colors,\n          opacity,\n          keys,\n          data,\n          calloutPoints,\n        };\n      } else {\n        const allChartPoints: LineChartDataPoint[] = [];\n        const dataSet: AreaChartDataSetPoint[] = [];\n        const colors: string[] = [];\n        const opacity: number[] = [];\n        const calloutPoints = calloutData(points!);\n\n        points &&\n          points.length &&\n          points.forEach((singleChartPoint: LineChartPoints) => {\n            colors.push(singleChartPoint.color!);\n            opacity.push(singleChartPoint.opacity || 1);\n            allChartPoints.push(...(singleChartPoint.data as LineChartDataPoint[]));\n          });\n\n        let tempArr = allChartPoints;\n        while (tempArr.length) {\n          const valToCheck = tempArr[0].x instanceof Date ? tempArr[0].x.toLocaleString() : tempArr[0].x;\n          const filteredChartPoints: LineChartDataPoint[] = tempArr.filter(\n            (point: LineChartDataPoint) =>\n              (point.x instanceof Date ? point.x.toLocaleString() : point.x) === valToCheck,\n          );\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          const singleDataset: any = {};\n          filteredChartPoints.forEach((singleDataPoint: LineChartDataPoint, index: number) => {\n            singleDataset.xVal = singleDataPoint.x;\n            singleDataset[`chart${index}`] = singleDataPoint.y;\n          });\n          dataSet.push(singleDataset);\n          // removing compared objects from array\n          const val = tempArr[0].x instanceof Date ? tempArr[0].x.toLocaleString() : tempArr[0].x;\n          tempArr = tempArr.filter(\n            (point: LineChartDataPoint) => (point.x instanceof Date ? point.x.toLocaleString() : point.x) !== val,\n          );\n        }\n\n        // get keys from dataset, used to create stacked data\n        const keysLength: number = dataSet && Object.keys(dataSet[0])!.length;\n        const keys: string[] = [];\n        for (let i = 0; i < keysLength - 1; i++) {\n          const keyVal = `chart${i}`;\n          keys.push(keyVal);\n        }\n\n        // Data used to draw graph\n        const data = _getDataPoints(keys, dataSet);\n\n        return {\n          colors,\n          opacity,\n          keys,\n          data,\n          calloutPoints,\n        };\n      }\n    }\n\n    function _getCustomizedCallout() {\n      return props.onRenderCalloutPerStack\n        ? props.onRenderCalloutPerStack(stackCalloutProps)\n        : props.onRenderCalloutPerDataPoint\n        ? props.onRenderCalloutPerDataPoint(dataPointCalloutProps)\n        : null;\n    }\n\n    function _getGraphData(\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      xAxis: any,\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      yAxis: any,\n      containerHeight: number,\n      containerWidth: number,\n      xElement: SVGElement | null,\n      yAxisElement?: SVGElement | null,\n      yScaleSecondary?: ScaleLinear<number, number>,\n    ) {\n      _chart = _drawGraph(containerHeight, xAxis, yAxis, yScaleSecondary, xElement!);\n    }\n\n    function _onLegendHover(legend: string): void {\n      setActiveLegend(legend);\n    }\n\n    function _onLegendLeave(): void {\n      setActiveLegend(undefined);\n    }\n\n    function _getLegendData(points: LineChartPoints[]): JSX.Element {\n      const data = points;\n      const actions: Legend[] = [];\n\n      data.forEach((singleChartData: LineChartPoints) => {\n        const color: string = singleChartData.color!;\n        const checkSimilarLegends = actions.filter(\n          (leg: Legend) => leg.title === singleChartData.legend && leg.color === color,\n        );\n        if (checkSimilarLegends!.length > 0) {\n          return;\n        }\n\n        const legend: Legend = {\n          title: singleChartData.legend,\n          color,\n          hoverAction: () => {\n            _handleChartMouseLeave();\n            _onLegendHover(singleChartData.legend);\n          },\n          onMouseOutAction: () => {\n            _onLegendLeave();\n          },\n        };\n\n        actions.push(legend);\n      });\n      return (\n        <Legends\n          legends={actions}\n          enabledWrapLines={props.enabledLegendsWrapLines}\n          {...props.legendProps}\n          onChange={_onLegendSelectionChange}\n        />\n      );\n    }\n\n    function _onLegendSelectionChange(\n      // eslint-disable-next-line @typescript-eslint/no-shadow\n      selectedLegends: string[],\n      event: React.MouseEvent<HTMLButtonElement>,\n      currentLegend?: Legend,\n    ): void {\n      if (props.legendProps?.canSelectMultipleLegends) {\n        setSelectedLegends(selectedLegends);\n      } else {\n        setSelectedLegends(selectedLegends.slice(-1));\n      }\n      if (props.legendProps?.onChange) {\n        props.legendProps.onChange(selectedLegends, event, currentLegend);\n      }\n    }\n\n    function _onDataPointClick(func: (() => void) | undefined) {\n      if (func) {\n        func();\n      }\n      setIsCircleClicked(true);\n    }\n\n    function _getOpacity(legend: string): number {\n      if (!_isMultiStackChart) {\n        return 0.7;\n      } else {\n        const opacity = _legendHighlighted(legend) || _noLegendHighlighted() ? 0.7 : 0.1;\n        return opacity;\n      }\n    }\n\n    function _getLineOpacity(legend: string): number {\n      if (!_isMultiStackChart) {\n        return 1;\n      } else {\n        let opacity = 0.3;\n        if (isPopoverOpen) {\n          opacity = 1;\n        }\n        if (!_noLegendHighlighted()) {\n          opacity = _legendHighlighted(legend) ? 0 : 0.1;\n        }\n        return opacity;\n      }\n    }\n\n    function _updateCircleFillColor(xDataPoint: number | Date, lineColor: string, circleId: string): string {\n      let fillColor = lineColor;\n      if (nearestCircleToHighlight === xDataPoint || activePoint === circleId) {\n        if (!isCircleClicked) {\n          fillColor = tokens.colorNeutralBackground1;\n        }\n      }\n\n      return fillColor;\n    }\n\n    function _drawGraph(\n      containerHeight: number,\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      xScale: any,\n      yScalePrimary: ScaleLinear<number, number>,\n      yScaleSecondary: ScaleLinear<number, number> | undefined,\n      xElement: SVGElement,\n    ): JSX.Element[] {\n      const points = _addDefaultColors(props.data.lineChartData);\n      const { pointOptions, pointLineOptions } = props.data;\n\n      const graph: JSX.Element[] = [];\n      let lineColor: string;\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      _data.forEach((singleStackedData: Array<any>, index: number) => {\n        const yScale = points[index].useSecondaryYScale && yScaleSecondary ? yScaleSecondary : yScalePrimary;\n        const curveFactory = getCurveFactory(points[index].lineOptions?.curve, d3CurveBasis);\n        const area = d3Area()\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          .x((d: any) => xScale(d.xVal))\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          .y0((d: any) => yScale(d.values[0]))\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          .y1((d: any) => yScale(d.values[1]))\n          .curve(curveFactory);\n        const line = d3Line()\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          .x((d: any) => xScale(d.xVal))\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          .y((d: any) => yScale(d.values[1]))\n          .curve(curveFactory);\n        const layerOpacity = _shouldFillToZeroY() ? 0.8 : _opacity[index];\n        graph.push(\n          <React.Fragment key={`${index}-graph-${_uniqueIdForGraph}`}>\n            {props.enableGradient && (\n              <defs>\n                <linearGradient id={`gradient_${index}`} x1=\"0%\" x2=\"0%\" y1=\"0%\" y2=\"100%\">\n                  <stop offset=\"0\" stopColor={_colors[index]} />\n                  <stop offset=\"100%\" stopColor=\"transparent\" />\n                </linearGradient>\n              </defs>\n            )}\n            <path\n              id={`${index}-line-${_uniqueIdForGraph}`}\n              d={line(singleStackedData)!}\n              fill={'transparent'}\n              strokeWidth={points[index].lineOptions?.strokeWidth ?? 3}\n              stroke={_colors[index]}\n              opacity={_getLineOpacity(points[index]!.legend)}\n              onMouseMove={event => _onRectMouseMove(event)}\n              onMouseOut={_onRectMouseOut}\n              onMouseOver={event => _onRectMouseMove(event)}\n              strokeDasharray={points[index].lineOptions?.strokeDasharray}\n              strokeDashoffset={points[index].lineOptions?.strokeDashoffset}\n              strokeLinecap={points[index].lineOptions?.strokeLinecap}\n            />\n            {singleStackedData.length === 1 ? (\n              <circle\n                id={`${index}-graph-${_uniqueIdForGraph}`}\n                cx={xScale(singleStackedData[0].xVal)}\n                cy={yScale(singleStackedData[0].values[1])}\n                r={6}\n                stroke={_colors[index]}\n                strokeWidth={3}\n                fill={_colors[index]}\n                opacity={layerOpacity}\n                fillOpacity={_getOpacity(points[index]!.legend)}\n                onMouseMove={event => _onRectMouseMove(event)}\n                onFocus={event => _handleFocus(event, index, 0, `${_circleId}_${index}`)}\n                onMouseOut={_onRectMouseOut}\n                onMouseOver={event => _onRectMouseMove(event)}\n              />\n            ) : (\n              <path\n                id={`${index}-graph-${_uniqueIdForGraph}`}\n                d={area(singleStackedData)!}\n                fill={props.enableGradient ? `url(#gradient_${index})` : _colors[index]}\n                opacity={layerOpacity}\n                fillOpacity={_getOpacity(points[index]!.legend)}\n                onMouseMove={event => _onRectMouseMove(event)}\n                onMouseOut={_onRectMouseOut}\n                onMouseOver={event => _onRectMouseMove(event)}\n                {...(props.optimizeLargeData && {\n                  tabIndex: _legendHighlighted(points[index]!.legend) || _noLegendHighlighted() ? 0 : undefined,\n                  role: 'img',\n                  'aria-label': `${points[index].legend}, series ${index + 1} of ${points.length} with ${\n                    points[index].data.length\n                  } data points.`,\n                })}\n              />\n            )}\n          </React.Fragment>,\n        );\n      });\n\n      const circleRadius = pointOptions && pointOptions.r ? Number(pointOptions.r) : 8;\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      _data.forEach((singleStackedData: Array<any>, index: number) => {\n        if (points.length === index) {\n          return;\n        }\n        const yScale = points[index].useSecondaryYScale && yScaleSecondary ? yScaleSecondary : yScalePrimary;\n\n        if (!props.optimizeLargeData || singleStackedData.length === 1) {\n          // Render circles for all data points\n          graph.push(\n            <g\n              key={`${index}-dots-${_uniqueIdForGraph}`}\n              clipPath=\"url(#clip)\"\n              role=\"region\"\n              aria-label={`${points[index].legend}, series ${index + 1} of ${points.length} with ${\n                points[index].data.length\n              } data points.`}\n            >\n              {singleStackedData.map((singlePoint: DPointType, pointIndex: number) => {\n                const circleId = `${_circleId}_${index * _data[0].length + pointIndex}`;\n                const xDataPoint = singlePoint.xVal instanceof Date ? singlePoint.xVal.getTime() : singlePoint.xVal;\n                lineColor = points[index]!.color!;\n                const legend = points[index]!.legend;\n                return (\n                  <circle\n                    key={circleId}\n                    id={circleId}\n                    tabIndex={_legendHighlighted(points[index]!.legend) || _noLegendHighlighted() ? 0 : undefined}\n                    cx={xScale(singlePoint.xVal)}\n                    cy={yScale(singlePoint.values[1])}\n                    stroke={lineColor}\n                    strokeWidth={3}\n                    fill={_updateCircleFillColor(xDataPoint, lineColor, circleId)}\n                    onMouseOut={_onRectMouseOut}\n                    onMouseOver={event => _onRectMouseMove(event)}\n                    onClick={() => _onDataPointClick(points[index]!.data[pointIndex].onDataPointClick!)}\n                    onFocus={event => _handleFocus(event, index, pointIndex, circleId)}\n                    onBlur={_handleBlur}\n                    {...getSecureProps(pointOptions)}\n                    r={_getCircleRadius(xDataPoint, circleRadius, circleId, legend)}\n                    role=\"img\"\n                    aria-label={_getAriaLabel(index, pointIndex)}\n                  />\n                );\n              })}\n            </g>,\n          );\n        } else {\n          // Render circles for data points close to the mouse pointer only\n          singleStackedData.forEach((singlePoint: DPointType, pointIndex: number) => {\n            const xDataPoint = singlePoint.xVal instanceof Date ? singlePoint.xVal.getTime() : singlePoint.xVal;\n            if (nearestCircleToHighlight === xDataPoint) {\n              const circleId = `${_circleId}_${index * _data[0].length + pointIndex}`;\n              lineColor = points[index]!.color!;\n              const legend = points[index]!.legend;\n              graph.push(\n                <circle\n                  key={circleId}\n                  id={circleId}\n                  cx={xScale(singlePoint.xVal)}\n                  cy={yScale(singlePoint.values[1])}\n                  stroke={lineColor}\n                  strokeWidth={3}\n                  fill={_updateCircleFillColor(xDataPoint, lineColor, circleId)}\n                  onMouseOut={_onRectMouseOut}\n                  onMouseOver={event => _onRectMouseMove(event)}\n                  onFocus={event => _handleFocus(event, index, pointIndex, circleId)}\n                  onClick={() => _onDataPointClick(points[index]!.data[pointIndex].onDataPointClick!)}\n                  {...getSecureProps(pointOptions)}\n                  r={_getCircleRadius(xDataPoint, circleRadius, circleId, legend)}\n                />,\n              );\n            }\n          });\n        }\n      });\n      graph.push(\n        <line\n          id={_verticalLineId}\n          key={_verticalLineId}\n          x1={lineXValue}\n          y1={0}\n          x2={lineXValue}\n          y2={containerHeight}\n          strokeWidth={1}\n          strokeDasharray={5.5}\n          stroke={lineColor!}\n          opacity={0.5}\n          visibility={displayOfLine}\n          {...getSecureProps(pointLineOptions)}\n        />,\n      );\n      // Removing un wanted tooltip div from DOM, when prop not provided.\n      if (!props.showXAxisLablesTooltip) {\n        try {\n          // eslint-disable-next-line @nx/workspace-no-restricted-globals\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 x axis labels.\n      if (!props.wrapXAxisLables && props.showXAxisLablesTooltip) {\n        const xAxisElement = d3Select(xElement).call(xScale);\n        try {\n          // eslint-disable-next-line @nx/workspace-no-restricted-globals\n          document.getElementById(_tooltipId) && document.getElementById(_tooltipId)!.remove();\n          // eslint-disable-next-line no-empty\n        } catch (e) {}\n        const tooltipProps = {\n          tooltipCls: classes.tooltip!,\n          id: _tooltipId,\n          axis: xAxisElement,\n        };\n        xAxisElement && tooltipOfAxislabels(tooltipProps);\n      }\n      return graph;\n    }\n\n    function _getCircleRadius(xDataPoint: number, circleRadius: number, circleId: string, legend: string): number {\n      // Show the circle if no legends are selected or if the point's legend is in the selected legends\n      if (!_noLegendHighlighted() && !_legendHighlighted(legend)) {\n        return 0;\n      }\n\n      if (isCircleClicked && nearestCircleToHighlight === xDataPoint) {\n        return 1;\n      } else if (nearestCircleToHighlight === xDataPoint || activePoint === circleId) {\n        return circleRadius;\n      } else {\n        return 0;\n      }\n    }\n\n    /**\n     * This function checks if the given legend is highlighted or not.\n     * A legend can be highlighted in 2 ways:\n     * 1. selection: if the user clicks on it\n     * 2. hovering: if there is no selected legend and the user hovers over it\n     */\n    function _legendHighlighted(legend: string) {\n      return _getHighlightedLegend().includes(legend!);\n    }\n\n    /**\n     * This function checks if none of the legends is selected or hovered.\n     */\n    function _noLegendHighlighted() {\n      return _getHighlightedLegend().length === 0;\n    }\n\n    function _getHighlightedLegend() {\n      return selectedLegends.length > 0 ? selectedLegends : activeLegend ? [activeLegend] : [];\n    }\n\n    function _addDefaultColors(lineChartData?: LineChartPoints[]): LineChartPoints[] {\n      return lineChartData\n        ? lineChartData.map((item, index) => {\n            let color: string;\n            // isInverted property is applicable to v8 themes only\n            if (typeof item.color === 'undefined') {\n              color = getNextColor(index, 0);\n            } else {\n              color = getColorFromToken(item.color);\n            }\n\n            return { ...item, color };\n          })\n        : [];\n    }\n\n    function _handleFocus(\n      event: React.FocusEvent<SVGCircleElement, Element>,\n      lineIndex: number,\n      pointIndex: number,\n      circleId: string,\n    ) {\n      let cx = 0;\n      let cy = 0;\n\n      const targetRect = (event.target as SVGCircleElement).getBoundingClientRect();\n      cx = targetRect.left + targetRect.width / 2;\n      cy = targetRect.top + targetRect.height / 2;\n      _updatePosition(cx, cy);\n\n      const { x, y, xAxisCalloutData } = props.data.lineChartData![lineIndex].data[pointIndex];\n      const formattedDate = x instanceof Date ? formatDate(x, props.useUTC) : x;\n      const modifiedXVal = x instanceof Date ? x.getTime() : x;\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      const found: any = _calloutPoints.find((e: { x: string | number }) => e.x === modifiedXVal);\n      // Show details in the callout for the focused point only\n      found.values = found.values.filter((e: { y: number }) => e.y === y);\n      const filteredValues = _getFilteredLegendValues(found.values);\n\n      setPopoverOpen(true);\n      setHoverXValue(xAxisCalloutData ? xAxisCalloutData : formattedDate);\n      setYValueHover(filteredValues!);\n      setStackCalloutProps({ ...found, values: filteredValues });\n      setDataPointCalloutProps({ ...found, values: filteredValues });\n      setActivePoint(circleId);\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    function _getFilteredLegendValues(values: any) {\n      return !_noLegendHighlighted()\n        ? values.filter((value: { legend: string }) => _legendHighlighted(value.legend))\n        : values;\n    }\n\n    function _handleBlur() {\n      setPopoverOpen(false);\n      setHoverXValue(undefined);\n      setYValueHover([]);\n      setStackCalloutProps(undefined);\n      setDataPointCalloutProps(undefined);\n      setActivePoint('');\n    }\n\n    function _getAriaLabel(lineIndex: number, pointIndex: number): string {\n      const line = props.data.lineChartData![lineIndex];\n      const point = line.data[pointIndex];\n      const formattedDate = point.x instanceof Date ? formatDate(point.x, props.useUTC) : point.x;\n      const xValue = point.xAxisCalloutData || formattedDate;\n      const legend = line.legend;\n      const yValue = point.yAxisCalloutData || point.y;\n      return point.callOutAccessibilityData?.ariaLabel || `${xValue}. ${legend}, ${yValue}.`;\n    }\n\n    function _isChartEmpty(): boolean {\n      return !(\n        (\n          props.data &&\n          props.data.lineChartData &&\n          props.data.lineChartData.length > 0 &&\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          props.data.lineChartData.filter((item: { data: string | any[] }) => item.data.length === 0).length === 0\n        )\n        // if all the data sets have no data\n        // filtering all items which have no data and checking if the length of the filtered array is 0\n        // which means chart is not empty\n      );\n    }\n\n    function _getChartTitle(): string {\n      const { chartTitle, lineChartData } = props.data;\n      return (chartTitle ? `${chartTitle}. ` : '') + `Area chart with ${lineChartData?.length || 0} data series. `;\n    }\n\n    function _shouldFillToZeroY() {\n      return props.mode === 'tozeroy' || _containsSecondaryYAxis;\n    }\n\n    if (!_isChartEmpty()) {\n      const { lineChartData } = props.data;\n      const points = _addDefaultColors(lineChartData);\n      _containsSecondaryYAxis = !!props.secondaryYScaleOptions && points.some(point => point.useSecondaryYScale);\n      _createSet = _createDataSet;\n      const { colors, opacity, data, calloutPoints } = _createSet(points);\n      _calloutPoints = calloutPoints;\n      const isXAxisDateType = getXAxisType(points);\n      _colors = colors;\n      _opacity = opacity;\n      _data = data.renderData;\n      const legends: JSX.Element = _getLegendData(points);\n\n      const tickParams = {\n        tickValues: props.tickValues,\n        tickFormat: props.tickFormat,\n      };\n\n      const calloutProps: ChartPopoverProps = {\n        YValueHover: YValueHover!,\n        hoverXValue: hoverXValue!,\n        xAxisCalloutAccessibilityData,\n        ...props.calloutProps,\n        clickPosition,\n        isPopoverOpen,\n        isCartesian: true,\n        customCallout: {\n          customizedCallout: _getCustomizedCallout() !== null ? _getCustomizedCallout()! : undefined,\n          customCalloutProps: props.calloutPropsPerDataPoint\n            ? props.calloutPropsPerDataPoint(dataPointCalloutProps!)\n            : undefined,\n        },\n        isCalloutForStack: true,\n      };\n      return (\n        <CartesianChart\n          {...props}\n          chartTitle={_getChartTitle()}\n          points={points}\n          chartType={ChartTypes.AreaChart}\n          calloutProps={calloutProps}\n          legendBars={legends}\n          createYAxis={createNumericYAxis}\n          xAxisType={isXAxisDateType ? XAxisTypes.DateAxis : XAxisTypes.NumericAxis}\n          tickParams={tickParams}\n          maxOfYVal={data.maxOfYVal}\n          getGraphData={_getGraphData}\n          getDomainNRangeValues={_getDomainNRangeValues}\n          createStringYAxis={createStringYAxis}\n          getmargins={_getMargins}\n          onChartMouseLeave={_handleChartMouseLeave}\n          getMinMaxOfYAxis={findNumericMinMaxOfY}\n          enableFirstRenderOptimization={props.enablePerfOptimization && _firstRenderOptimization}\n          componentRef={cartesianChartRef}\n          /* eslint-disable react/jsx-no-bind */\n          // eslint-disable-next-line react/no-children-prop, @typescript-eslint/no-shadow\n          children={(props: ChildProps) => {\n            _xAxisRectScale = props.xScale;\n            const ticks = _xAxisRectScale.ticks();\n            const width1 = _xAxisRectScale(ticks[ticks.length - 1]);\n            const rectHeight = props.containerHeight! - _margins.top!;\n            return (\n              <>\n                <g>\n                  <rect\n                    id={_rectId}\n                    width={width1}\n                    height={rectHeight}\n                    fill={'transparent'}\n                    onMouseMove={event => _onRectMouseMove(event)}\n                    onMouseOut={_onRectMouseOut}\n                    onMouseOver={event => _onRectMouseMove(event)}\n                  />\n                </g>\n                <g>{_chart}</g>\n              </>\n            );\n          }}\n        />\n      );\n    }\n    return (\n      <div id={_emptyChartId} role={'alert'} style={{ opacity: '0' }} aria-label={'Graph has no data to display'} />\n    );\n  },\n);\nAreaChart.displayName = 'AreaChart';\n"],"names":["React","useAreaChartStyles","max","d3Max","bisector","pointer","select","d3Select","tokens","area","d3Area","stack","d3Stack","curveMonotoneX","d3CurveBasis","line","d3Line","CartesianChart","calloutData","getXAxisType","ChartTypes","XAxisTypes","getTypeOfAxis","tooltipOfAxislabels","getNextColor","getColorFromToken","formatDate","getSecureProps","areArraysEqual","getCurveFactory","find","findNumericMinMaxOfY","createNumericYAxis","domainRangeOfNumericForAreaChart","domainRangeOfDateForAreaLineVerticalBarChart","createStringYAxis","useId","Legends","bisect","d","x","left","InterceptVisibility","AreaChart","forwardRef","props","forwardedRef","_uniqueIdForGraph","_verticalLineId","_circleId","_rectId","_tooltipId","_enableComputationOptimization","_firstRenderOptimization","_emptyChartId","_containsSecondaryYAxis","_calloutPoints","_createSet","_colors","_opacity","_data","_chart","_margins","_xAxisRectScale","_isMultiStackChart","cartesianChartRef","useRef","selectedLegends","setSelectedLegends","useState","legendProps","activeLegend","setActiveLegend","undefined","hoverXValue","setHoverXValue","YValueHover","setYValueHover","lineXValue","setLineXValue","displayOfLine","setDisplayOfLine","isCircleClicked","setIsCircleClicked","nearestCircleToHighlight","setNearestCircleToHighlight","activePoint","setActivePoint","dataPointCalloutProps","setDataPointCalloutProps","stackCalloutProps","setStackCalloutProps","xAxisCalloutAccessibilityData","setXAxisCalloutAccessibilityData","clickPosition","setClickPosition","y","isPopoverOpen","setPopoverOpen","prevPropsRef","useEffect","current","prevProps","useImperativeHandle","componentRef","chartContainer","classes","_getDomainNRangeValues","points","margins","width","chartType","isRTL","xAxisType","barWidth","tickValues","domainNRangeValue","NumericAxis","DateAxis","dStartValue","dEndValue","rStartValue","rEndValue","_getMargins","_onRectMouseMove","mouseEvent","persist","data","lineChartData","_updatePosition","clientX","clientY","xOffset","invert","document","getElementById","i","d0","d1","pointToHighlight","index","axisType","length","x0","point0","point1","Date","getTime","Math","abs","xAxisCalloutData","formattedDate","useUTC","modifiedXVal","found","element","_nearestCircleToHighlight","filteredValues","_getFilteredLegendValues","values","_onRectMouseOut","newX","newY","threshold","distance","sqrt","pow","_handleChartMouseLeave","_getDataPoints","keys","dataSet","renderPoints","maxOfYVal","_shouldFillToZeroY","forEach","key","currentLayer","push","xVal","dataValues","dp","layer","renderData","endValue","_createDataSet","enablePerfOptimization","allChartPoints","colors","opacity","calloutPoints","singleChartPoint","color","mapOfXvalToListOfDataPoints","dataPoint","xValue","toLocaleString","Object","value","singleDataset","singleDataPoint","keysLength","keyVal","tempArr","valToCheck","filteredChartPoints","filter","point","val","_getCustomizedCallout","onRenderCalloutPerStack","onRenderCalloutPerDataPoint","_getGraphData","xAxis","yAxis","containerHeight","containerWidth","xElement","yAxisElement","yScaleSecondary","_drawGraph","_onLegendHover","legend","_onLegendLeave","_getLegendData","actions","singleChartData","checkSimilarLegends","leg","title","hoverAction","onMouseOutAction","legends","enabledWrapLines","enabledLegendsWrapLines","onChange","_onLegendSelectionChange","event","currentLegend","canSelectMultipleLegends","slice","_onDataPointClick","func","_getOpacity","_legendHighlighted","_noLegendHighlighted","_getLineOpacity","_updateCircleFillColor","xDataPoint","lineColor","circleId","fillColor","colorNeutralBackground1","xScale","yScalePrimary","_addDefaultColors","pointOptions","pointLineOptions","graph","singleStackedData","yScale","useSecondaryYScale","curveFactory","lineOptions","curve","y0","y1","layerOpacity","Fragment","enableGradient","defs","linearGradient","id","x1","x2","y2","stop","offset","stopColor","path","fill","strokeWidth","stroke","onMouseMove","onMouseOut","onMouseOver","strokeDasharray","strokeDashoffset","strokeLinecap","circle","cx","cy","r","fillOpacity","onFocus","_handleFocus","optimizeLargeData","tabIndex","role","circleRadius","Number","g","clipPath","aria-label","map","singlePoint","pointIndex","onClick","onDataPointClick","onBlur","_handleBlur","_getCircleRadius","_getAriaLabel","visibility","showXAxisLablesTooltip","remove","e","wrapXAxisLables","xAxisElement","call","tooltipProps","tooltipCls","tooltip","axis","_getHighlightedLegend","includes","item","lineIndex","targetRect","target","getBoundingClientRect","top","height","yValue","yAxisCalloutData","callOutAccessibilityData","ariaLabel","_isChartEmpty","_getChartTitle","chartTitle","mode","secondaryYScaleOptions","some","isXAxisDateType","tickParams","tickFormat","calloutProps","isCartesian","customCallout","customizedCallout","customCalloutProps","calloutPropsPerDataPoint","isCalloutForStack","legendBars","createYAxis","getGraphData","getDomainNRangeValues","getmargins","onChartMouseLeave","getMinMaxOfYAxis","enableFirstRenderOptimization","children","ticks","width1","rectHeight","rect","div","style","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib/components/DonutChart/Arc/Arc.js

@@ -18,8 +18,8 @@ import { formatScientificLimitWidth, useRtl } from '../../../utilities/index';
     }, [
         props
     ]);
-    function _onFocus(data, id) {
-        props.onFocusCallback(data, id, currentRef.current);
+    function _onFocus(data, id, event) {
+        props.onFocusCallback(data, id, event, currentRef.current);
     }
     function _hoverOn(data, mouseEvent) {
         mouseEvent.persist();
@@ -101,10 +101,10 @@ import { formatScientificLimitWidth, useRtl } from '../../../utilities/index';
             fill: props.color,
             cursor: href ? 'pointer' : 'default'
         },
-        onFocus: _onFocus.bind(this, props.data.data, id),
+        onFocus: (event)=>_onFocus(props.data.data, id, event),
         "data-is-focusable": props.activeArc === props.data.data.legend || props.activeArc === '',
-        onMouseOver: _hoverOn.bind(this, props.data.data),
-        onMouseMove: _hoverOn.bind(this, props.data.data),
+        onMouseOver: (event)=>_hoverOn(props.data.data, event),
+        onMouseMove: (event)=>_hoverOn(props.data.data, event),
         onMouseLeave: _hoverOff,
         tabIndex: _shouldHighlightArc(props.data.data.legend) ? 0 : undefined,
         onBlur: _onBlur,

package/lib/components/DonutChart/Arc/Arc.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Arc.tsx"],"sourcesContent":["import * as React from 'react';\nimport { arc as d3Arc } from 'd3-shape';\nimport { useArcStyles } from './useArcStyles.styles';\nimport { ChartDataPoint } from '../index';\nimport { ArcProps } from './index';\nimport { format as d3Format } from 'd3-format';\nimport { formatScientificLimitWidth, useRtl } from '../../../utilities/index';\n\n// Create a Arc within Donut Chart variant which uses these default styles and this styled subcomponent.\n/**\n * Arc component within Donut Chart.\n * {@docCategory ArcDonutChart}\n */\nexport const Arc: React.FunctionComponent<ArcProps> = React.forwardRef<HTMLDivElement, ArcProps>(\n  (props, forwardedRef) => {\n    const arc = d3Arc();\n    const currentRef = React.createRef<SVGPathElement>();\n    const _isRTL: boolean = useRtl();\n    const classes = useArcStyles(props);\n\n    React.useEffect(() => {\n      _updateChart(props);\n    }, [props]);\n\n    function _onFocus(data: ChartDataPoint, id: string): void {\n      props.onFocusCallback!(data, id, currentRef.current);\n    }\n\n    function _hoverOn(data: ChartDataPoint, mouseEvent: React.MouseEvent<SVGPathElement>): void {\n      mouseEvent.persist();\n      props.hoverOnCallback!(data, mouseEvent);\n    }\n\n    function _hoverOff(): void {\n      props.hoverLeaveCallback!();\n    }\n\n    function _onBlur(): void {\n      props.onBlurCallback!();\n    }\n\n    function _getAriaLabel(): string {\n      const point = props.data!.data;\n      const legend = point.xAxisCalloutData || point.legend;\n      const yValue = point.yAxisCalloutData || point.data || 0;\n      return point.callOutAccessibilityData?.ariaLabel || (legend ? `${legend}, ` : '') + `${yValue}.`;\n    }\n\n    function _shouldHighlightArc(legend?: string): boolean {\n      const { activeArc } = props;\n      // If no activeArc is provided, highlight all arcs. Otherwise, only highlight the arcs that are active.\n      return !activeArc || activeArc.length === 0 || legend === undefined || activeArc.includes(legend);\n    }\n\n    function _renderArcLabel(className: string) {\n      const { data, innerRadius, outerRadius, showLabelsInPercent, totalValue, hideLabels, activeArc } = props;\n\n      if (\n        hideLabels ||\n        Math.abs(data!.endAngle - data!.startAngle) < Math.PI / 12 ||\n        (activeArc !== data!.data.legend && activeArc !== '')\n      ) {\n        return null;\n      }\n\n      const [base, perp] = arc.centroid({ ...data!, innerRadius, outerRadius });\n      const hyp = Math.sqrt(base * base + perp * perp);\n      const labelRadius = Math.max(innerRadius!, outerRadius!) + 2;\n      const angle = (data!.startAngle + data!.endAngle) / 2;\n      const arcValue = data!.value;\n\n      return (\n        <text\n          x={(hyp === 0 ? 0 : base / hyp) * labelRadius}\n          y={(hyp === 0 ? 0 : perp / hyp) * labelRadius}\n          textAnchor={angle > Math.PI !== _isRTL ? 'end' : 'start'}\n          dominantBaseline={angle > Math.PI / 2 && angle < (3 * Math.PI) / 2 ? 'hanging' : 'auto'}\n          className={className}\n          aria-hidden={true}\n        >\n          {showLabelsInPercent\n            ? d3Format('.0%')(totalValue! === 0 ? 0 : arcValue / totalValue!)\n            : formatScientificLimitWidth(arcValue)}\n        </text>\n      );\n    }\n\n    function _updateChart(newProps: ArcProps): void {\n      if (newProps.arc && newProps.innerRadius && newProps.outerRadius) {\n        newProps.arc.innerRadius(newProps.innerRadius);\n        newProps.arc.outerRadius(newProps.outerRadius);\n      }\n    }\n\n    const { href, focusedArcId } = props;\n    //TO DO 'replace' is throwing error\n    const id =\n      props.uniqText! +\n      (typeof props.data!.data.legend === 'string' ? props.data!.data.legend.replace(/\\s+/g, '') : '') +\n      props.data!.data.data;\n    const opacity: number = props.activeArc === props.data!.data.legend || props.activeArc === '' ? 1 : 0.1;\n    const cornerRadius = props.roundCorners ? 3 : 0;\n    return (\n      <g ref={currentRef}>\n        {!!focusedArcId && focusedArcId === id && (\n          // TODO innerradius and outerradius were absent\n          <path\n            id={id + 'focusRing'}\n            d={\n              arc.cornerRadius(cornerRadius)({\n                ...props.data!,\n                innerRadius: props.innerRadius,\n                outerRadius: props.outerRadius,\n              })!\n            }\n            className={classes.focusRing}\n          />\n        )}\n        <path\n          // TODO innerradius and outerradius were absent\n          id={id}\n          d={\n            arc.cornerRadius(cornerRadius)({\n              ...props.data!,\n              innerRadius: props.innerRadius,\n              outerRadius: props.outerRadius,\n            })!\n          }\n          className={classes.root}\n          style={{ fill: props.color, cursor: href ? 'pointer' : 'default' }}\n          onFocus={_onFocus.bind(this, props.data!.data, id)}\n          data-is-focusable={props.activeArc === props.data!.data.legend || props.activeArc === ''}\n          onMouseOver={_hoverOn.bind(this, props.data!.data)}\n          onMouseMove={_hoverOn.bind(this, props.data!.data)}\n          onMouseLeave={_hoverOff}\n          tabIndex={_shouldHighlightArc(props.data!.data.legend!) ? 0 : undefined}\n          onBlur={_onBlur}\n          opacity={opacity}\n          onClick={props.data?.data.onClick}\n          aria-label={_getAriaLabel()}\n          role=\"img\"\n        />\n        {_renderArcLabel(classes.arcLabel)}\n      </g>\n    );\n  },\n);\nArc.displayName = 'Arc';\n"],"names":["React","arc","d3Arc","useArcStyles","format","d3Format","formatScientificLimitWidth","useRtl","Arc","forwardRef","props","forwardedRef","currentRef","createRef","_isRTL","classes","useEffect","_updateChart","_onFocus","data","id","onFocusCallback","current","_hoverOn","mouseEvent","persist","hoverOnCallback","_hoverOff","hoverLeaveCallback","_onBlur","onBlurCallback","_getAriaLabel","point","legend","xAxisCalloutData","yValue","yAxisCalloutData","callOutAccessibilityData","ariaLabel","_shouldHighlightArc","activeArc","length","undefined","includes","_renderArcLabel","className","innerRadius","outerRadius","showLabelsInPercent","totalValue","hideLabels","Math","abs","endAngle","startAngle","PI","base","perp","centroid","hyp","sqrt","labelRadius","max","angle","arcValue","value","text","x","y","textAnchor","dominantBaseline","aria-hidden","newProps","href","focusedArcId","uniqText","replace","opacity","cornerRadius","roundCorners","g","ref","path","d","focusRing","root","style","fill","color","cursor","onFocus","bind","data-is-focusable","onMouseOver","onMouseMove","onMouseLeave","tabIndex","onBlur","onClick","aria-label","role","arcLabel","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["Arc.tsx"],"sourcesContent":["import * as React from 'react';\nimport { arc as d3Arc } from 'd3-shape';\nimport { useArcStyles } from './useArcStyles.styles';\nimport { ChartDataPoint } from '../index';\nimport { ArcProps } from './index';\nimport { format as d3Format } from 'd3-format';\nimport { formatScientificLimitWidth, useRtl } from '../../../utilities/index';\n\n// Create a Arc within Donut Chart variant which uses these default styles and this styled subcomponent.\n/**\n * Arc component within Donut Chart.\n * {@docCategory ArcDonutChart}\n */\nexport const Arc: React.FunctionComponent<ArcProps> = React.forwardRef<HTMLDivElement, ArcProps>(\n  (props, forwardedRef) => {\n    const arc = d3Arc();\n    const currentRef = React.createRef<SVGPathElement>();\n    const _isRTL: boolean = useRtl();\n    const classes = useArcStyles(props);\n\n    React.useEffect(() => {\n      _updateChart(props);\n    }, [props]);\n\n    function _onFocus(data: ChartDataPoint, id: string, event: React.FocusEvent<SVGPathElement, Element>): void {\n      props.onFocusCallback!(data, id, event, currentRef.current);\n    }\n\n    function _hoverOn(data: ChartDataPoint, mouseEvent: React.MouseEvent<SVGPathElement>): void {\n      mouseEvent.persist();\n      props.hoverOnCallback!(data, mouseEvent);\n    }\n\n    function _hoverOff(): void {\n      props.hoverLeaveCallback!();\n    }\n\n    function _onBlur(): void {\n      props.onBlurCallback!();\n    }\n\n    function _getAriaLabel(): string {\n      const point = props.data!.data;\n      const legend = point.xAxisCalloutData || point.legend;\n      const yValue = point.yAxisCalloutData || point.data || 0;\n      return point.callOutAccessibilityData?.ariaLabel || (legend ? `${legend}, ` : '') + `${yValue}.`;\n    }\n\n    function _shouldHighlightArc(legend?: string): boolean {\n      const { activeArc } = props;\n      // If no activeArc is provided, highlight all arcs. Otherwise, only highlight the arcs that are active.\n      return !activeArc || activeArc.length === 0 || legend === undefined || activeArc.includes(legend);\n    }\n\n    function _renderArcLabel(className: string) {\n      const { data, innerRadius, outerRadius, showLabelsInPercent, totalValue, hideLabels, activeArc } = props;\n\n      if (\n        hideLabels ||\n        Math.abs(data!.endAngle - data!.startAngle) < Math.PI / 12 ||\n        (activeArc !== data!.data.legend && activeArc !== '')\n      ) {\n        return null;\n      }\n\n      const [base, perp] = arc.centroid({ ...data!, innerRadius, outerRadius });\n      const hyp = Math.sqrt(base * base + perp * perp);\n      const labelRadius = Math.max(innerRadius!, outerRadius!) + 2;\n      const angle = (data!.startAngle + data!.endAngle) / 2;\n      const arcValue = data!.value;\n\n      return (\n        <text\n          x={(hyp === 0 ? 0 : base / hyp) * labelRadius}\n          y={(hyp === 0 ? 0 : perp / hyp) * labelRadius}\n          textAnchor={angle > Math.PI !== _isRTL ? 'end' : 'start'}\n          dominantBaseline={angle > Math.PI / 2 && angle < (3 * Math.PI) / 2 ? 'hanging' : 'auto'}\n          className={className}\n          aria-hidden={true}\n        >\n          {showLabelsInPercent\n            ? d3Format('.0%')(totalValue! === 0 ? 0 : arcValue / totalValue!)\n            : formatScientificLimitWidth(arcValue)}\n        </text>\n      );\n    }\n\n    function _updateChart(newProps: ArcProps): void {\n      if (newProps.arc && newProps.innerRadius && newProps.outerRadius) {\n        newProps.arc.innerRadius(newProps.innerRadius);\n        newProps.arc.outerRadius(newProps.outerRadius);\n      }\n    }\n\n    const { href, focusedArcId } = props;\n    //TO DO 'replace' is throwing error\n    const id =\n      props.uniqText! +\n      (typeof props.data!.data.legend === 'string' ? props.data!.data.legend.replace(/\\s+/g, '') : '') +\n      props.data!.data.data;\n    const opacity: number = props.activeArc === props.data!.data.legend || props.activeArc === '' ? 1 : 0.1;\n    const cornerRadius = props.roundCorners ? 3 : 0;\n    return (\n      <g ref={currentRef}>\n        {!!focusedArcId && focusedArcId === id && (\n          // TODO innerradius and outerradius were absent\n          <path\n            id={id + 'focusRing'}\n            d={\n              arc.cornerRadius(cornerRadius)({\n                ...props.data!,\n                innerRadius: props.innerRadius,\n                outerRadius: props.outerRadius,\n              })!\n            }\n            className={classes.focusRing}\n          />\n        )}\n        <path\n          // TODO innerradius and outerradius were absent\n          id={id}\n          d={\n            arc.cornerRadius(cornerRadius)({\n              ...props.data!,\n              innerRadius: props.innerRadius,\n              outerRadius: props.outerRadius,\n            })!\n          }\n          className={classes.root}\n          style={{ fill: props.color, cursor: href ? 'pointer' : 'default' }}\n          onFocus={event => _onFocus(props.data!.data, id, event)}\n          data-is-focusable={props.activeArc === props.data!.data.legend || props.activeArc === ''}\n          onMouseOver={event => _hoverOn(props.data!.data, event)}\n          onMouseMove={event => _hoverOn(props.data!.data, event)}\n          onMouseLeave={_hoverOff}\n          tabIndex={_shouldHighlightArc(props.data!.data.legend!) ? 0 : undefined}\n          onBlur={_onBlur}\n          opacity={opacity}\n          onClick={props.data?.data.onClick}\n          aria-label={_getAriaLabel()}\n          role=\"img\"\n        />\n        {_renderArcLabel(classes.arcLabel)}\n      </g>\n    );\n  },\n);\nArc.displayName = 'Arc';\n"],"names":["React","arc","d3Arc","useArcStyles","format","d3Format","formatScientificLimitWidth","useRtl","Arc","forwardRef","props","forwardedRef","currentRef","createRef","_isRTL","classes","useEffect","_updateChart","_onFocus","data","id","event","onFocusCallback","current","_hoverOn","mouseEvent","persist","hoverOnCallback","_hoverOff","hoverLeaveCallback","_onBlur","onBlurCallback","_getAriaLabel","point","legend","xAxisCalloutData","yValue","yAxisCalloutData","callOutAccessibilityData","ariaLabel","_shouldHighlightArc","activeArc","length","undefined","includes","_renderArcLabel","className","innerRadius","outerRadius","showLabelsInPercent","totalValue","hideLabels","Math","abs","endAngle","startAngle","PI","base","perp","centroid","hyp","sqrt","labelRadius","max","angle","arcValue","value","text","x","y","textAnchor","dominantBaseline","aria-hidden","newProps","href","focusedArcId","uniqText","replace","opacity","cornerRadius","roundCorners","g","ref","path","d","focusRing","root","style","fill","color","cursor","onFocus","data-is-focusable","onMouseOver","onMouseMove","onMouseLeave","tabIndex","onBlur","onClick","aria-label","role","arcLabel","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib/components/DonutChart/DonutChart.js

@@ -99,7 +99,13 @@ const MIN_LEGEND_CONTAINER_HEIGHT = 40;
         });
         return legends;
     }
-    function _focusCallback(data, id, element) {
+    function _focusCallback(data, id, e) {
+        let cx = 0;
+        let cy = 0;
+        const targetRect = e.target.getBoundingClientRect();
+        cx = targetRect.left + targetRect.width / 2;
+        cy = targetRect.top + targetRect.height / 2;
+        updatePosition(cx, cy);
         setPopoverOpen(selectedLegend === '' || selectedLegend === data.legend);
         setValue(data.data.toString());
         setLegend(data.legend);