@fluentui/react-charts 9.1.2 → 9.1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +16 -2
- package/dist/index.d.ts +23 -1
- package/lib/components/AreaChart/AreaChart.js +18 -8
- package/lib/components/AreaChart/AreaChart.js.map +1 -1
- package/lib/components/CommonComponents/CartesianChart.js +17 -13
- package/lib/components/CommonComponents/CartesianChart.js.map +1 -1
- package/lib/components/CommonComponents/CartesianChart.types.js.map +1 -1
- package/lib/components/DeclarativeChart/PlotlySchemaAdapter.js +50 -35
- package/lib/components/DeclarativeChart/PlotlySchemaAdapter.js.map +1 -1
- package/lib/components/GroupedVerticalBarChart/GroupedVerticalBarChart.js +44 -18
- package/lib/components/GroupedVerticalBarChart/GroupedVerticalBarChart.js.map +1 -1
- package/lib/components/GroupedVerticalBarChart/GroupedVerticalBarChart.types.js.map +1 -1
- package/lib/components/HeatMapChart/HeatMapChart.js +1 -1
- package/lib/components/HeatMapChart/HeatMapChart.js.map +1 -1
- package/lib/components/LineChart/LineChart.js +40 -36
- package/lib/components/LineChart/LineChart.js.map +1 -1
- package/lib/components/ScatterChart/ScatterChart.js +1 -1
- package/lib/components/ScatterChart/ScatterChart.js.map +1 -1
- package/lib/components/VerticalBarChart/VerticalBarChart.js +4 -4
- package/lib/components/VerticalBarChart/VerticalBarChart.js.map +1 -1
- package/lib/components/VerticalStackedBarChart/VerticalStackedBarChart.js +61 -23
- package/lib/components/VerticalStackedBarChart/VerticalStackedBarChart.js.map +1 -1
- package/lib/types/DataPoint.js.map +1 -1
- package/lib/utilities/utilities.js +25 -34
- package/lib/utilities/utilities.js.map +1 -1
- package/lib-commonjs/components/AreaChart/AreaChart.js +16 -7
- package/lib-commonjs/components/AreaChart/AreaChart.js.map +1 -1
- package/lib-commonjs/components/CommonComponents/CartesianChart.js +17 -13
- package/lib-commonjs/components/CommonComponents/CartesianChart.js.map +1 -1
- package/lib-commonjs/components/CommonComponents/CartesianChart.types.js.map +1 -1
- package/lib-commonjs/components/DeclarativeChart/PlotlySchemaAdapter.js +50 -35
- package/lib-commonjs/components/DeclarativeChart/PlotlySchemaAdapter.js.map +1 -1
- package/lib-commonjs/components/GroupedVerticalBarChart/GroupedVerticalBarChart.js +43 -17
- package/lib-commonjs/components/GroupedVerticalBarChart/GroupedVerticalBarChart.js.map +1 -1
- package/lib-commonjs/components/GroupedVerticalBarChart/GroupedVerticalBarChart.types.js.map +1 -1
- package/lib-commonjs/components/HeatMapChart/HeatMapChart.js +1 -1
- package/lib-commonjs/components/HeatMapChart/HeatMapChart.js.map +1 -1
- package/lib-commonjs/components/LineChart/LineChart.js +40 -36
- package/lib-commonjs/components/LineChart/LineChart.js.map +1 -1
- package/lib-commonjs/components/ScatterChart/ScatterChart.js +1 -1
- package/lib-commonjs/components/ScatterChart/ScatterChart.js.map +1 -1
- package/lib-commonjs/components/VerticalBarChart/VerticalBarChart.js +4 -4
- package/lib-commonjs/components/VerticalBarChart/VerticalBarChart.js.map +1 -1
- package/lib-commonjs/components/VerticalStackedBarChart/VerticalStackedBarChart.js +60 -22
- package/lib-commonjs/components/VerticalStackedBarChart/VerticalStackedBarChart.js.map +1 -1
- package/lib-commonjs/types/DataPoint.js.map +1 -1
- package/lib-commonjs/utilities/utilities.js +25 -34
- package/lib-commonjs/utilities/utilities.js.map +1 -1
- package/package.json +4 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["VerticalBarChart.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useVerticalBarChartStyles } from './useVerticalBarChartStyles.styles';\nimport { max as d3Max, min as d3Min } from 'd3-array';\nimport { line as d3Line } from 'd3-shape';\nimport { select as d3Select } from 'd3-selection';\nimport {\n scaleLinear as d3ScaleLinear,\n ScaleLinear as D3ScaleLinear,\n scaleBand as d3ScaleBand,\n scaleUtc as d3ScaleUtc,\n} from 'd3-scale';\nimport { useId } from '@fluentui/react-utilities';\nimport { tokens } from '@fluentui/react-theme';\nimport {\n AccessibilityProps,\n CartesianChart,\n Margins,\n Legend,\n RefArrayData,\n VerticalBarChartProps,\n VerticalBarChartDataPoint,\n Legends,\n ChildProps,\n YValueHover,\n ChartPopover,\n Chart,\n} from '../../index';\nimport {\n ChartTypes,\n IAxisData,\n getAccessibleDataObject,\n XAxisTypes,\n NumericAxis,\n getTypeOfAxis,\n tooltipOfXAxislabels,\n formatScientificLimitWidth,\n getBarWidth,\n getScalePadding,\n isScalePaddingDefined,\n calculateAppropriateBarWidth,\n useRtl,\n areArraysEqual,\n calculateLongestLabelWidth,\n} from '../../utilities/index';\n\nenum CircleVisbility {\n show = 'visibility',\n hide = 'hidden',\n}\n\nconst MIN_DOMAIN_MARGIN = 8;\n\n// Create a VerticalBarChart variant which uses these default styles and this styled subcomponent.\n/**\n * VerticalBarchart component\n * {@docCategory VerticalBarChart}\n */\nexport const VerticalBarChart: React.FunctionComponent<VerticalBarChartProps> = React.forwardRef<\n HTMLDivElement,\n VerticalBarChartProps\n>((props, forwardedRef) => {\n let _points: VerticalBarChartDataPoint[] = [];\n let _barWidth: number = 0;\n let _colors: string[];\n const _refArray: RefArrayData[] = [];\n let margins: Margins;\n const _useRtl: boolean = useRtl();\n let _bars: JSX.Element[];\n let _xAxisLabels: string[];\n let _yMax: number;\n let _yMin: number;\n let _isHavingLine: boolean = _checkForLine();\n const _tooltipId: string = useId('VCTooltipID_');\n const _xAxisType: XAxisTypes =\n props.data! && props.data!.length > 0\n ? (getTypeOfAxis(props.data![0].x, true) as XAxisTypes)\n : XAxisTypes.StringAxis;\n let _calloutAnchorPoint: VerticalBarChartDataPoint | null;\n let _domainMargin: number;\n const _emptyChartId: string = useId('_VBC_empty');\n const _vbcLineId: string = useId('_VBC_line_');\n const _vbcPointId: string = useId('_VBC_point_');\n const _vbcBarId: string = useId('_VBC_bar_');\n let _xAxisInnerPadding: number = 0;\n let _xAxisOuterPadding: number = 0;\n type ColorScale = (_p?: number) => string;\n const cartesianChartRef = React.useRef<Chart>(null);\n\n const [color, setColor] = React.useState<string>('');\n const [dataForHoverCard, setDataForHoverCard] = React.useState<number>(0);\n const [activeLegend, setActiveLegend] = React.useState<string | undefined>(undefined);\n const [xCalloutValue, setXCalloutValue] = React.useState<string | undefined>('');\n const [yCalloutValue, setYCalloutValue] = React.useState<string | undefined>('');\n const [activeXdataPoint, setActiveXDatapoint] = React.useState<string | number | Date | null>(null);\n const [hoveredYValues, setYValueHover] = React.useState<YValueHover[]>();\n const [hoverXValue, setHoverXValue] = React.useState<string | number | undefined>('');\n const [calloutLegend, setCalloutLegend] = React.useState<string>('');\n const [callOutAccessibilityData, setCalloutAccessibilityData] = React.useState<AccessibilityProps>();\n const [dataPointCalloutProps, setDataPointCalloutProps] = React.useState<VerticalBarChartDataPoint>();\n const [clickPosition, setClickPosition] = React.useState({ x: 0, y: 0 });\n const [isPopoverOpen, setPopoverOpen] = React.useState(false);\n const [selectedLegends, setSelectedLegends] = React.useState<string[]>(props.legendProps?.selectedLegends || []);\n const prevPropsRef = React.useRef<VerticalBarChartProps | null>(null);\n\n React.useImperativeHandle(\n props.componentRef,\n () => ({\n chartContainer: cartesianChartRef.current?.chartContainer ?? null,\n }),\n [],\n );\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 if (prevProps.height !== props.height || prevProps.width !== props.width) {\n _adjustProps();\n }\n }\n prevPropsRef.current = props;\n }, [props, prevPropsRef, _adjustProps]);\n\n function _createLine(\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n xScale: any,\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n yScale: any,\n containerHeight: number = 0,\n containerWidth: number = 0,\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n yScaleSecondary?: any,\n ): React.ReactNode {\n const isStringAxis = _xAxisType === XAxisTypes.StringAxis;\n const colorScale = _createColors();\n const { data, lineLegendColor = tokens.colorPaletteYellowBackground1, lineLegendText } = props;\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const lineData: Array<any> = [];\n const line: JSX.Element[] = [];\n data &&\n data.forEach((item: VerticalBarChartDataPoint, index: number) => {\n if (item.lineData && item.lineData.y) {\n lineData.push({\n x: item.x,\n y: item.lineData!.y,\n useSecondaryYScale: item.lineData!.useSecondaryYScale ?? false,\n point: item,\n index,\n });\n }\n });\n const linePath = d3Line()\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n .x((d: any) => (isStringAxis ? xScale(d.x) + 0.5 * xScale.bandwidth() : xScale(d.x)))\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n .y((d: any) => (d.useSecondaryYScale && yScaleSecondary ? yScaleSecondary(d.y) : yScale(d.y)));\n const shouldHighlight = _legendHighlighted(lineLegendText!) || _noLegendHighlighted() ? true : false;\n const lineBorderWidth = props.lineOptions?.lineBorderWidth\n ? Number.parseFloat(props.lineOptions!.lineBorderWidth!.toString())\n : 0;\n\n if (lineBorderWidth > 0) {\n line.push(\n <path\n key={_vbcLineId}\n id={_vbcLineId}\n opacity={shouldHighlight ? 1 : 0.1}\n d={linePath(lineData)!}\n fill=\"transparent\"\n strokeLinecap=\"square\"\n strokeWidth={3 + lineBorderWidth * 2}\n className={classes.lineBorder}\n />,\n );\n }\n line.push(\n <path\n key={_vbcLineId}\n id={_vbcLineId}\n opacity={shouldHighlight ? 1 : 0.1}\n d={linePath(lineData)!}\n fill=\"transparent\"\n strokeLinecap=\"square\"\n strokeWidth={3}\n stroke={lineLegendColor}\n />,\n );\n\n const dots: React.ReactNode[] = lineData.map(\n (\n item: {\n x: number | string;\n y: number;\n useSecondaryYScale: boolean;\n point: VerticalBarChartDataPoint;\n index: number;\n },\n index: number,\n ) => {\n // Create an object to store line point ref so that the object can be passed by reference to the focus handler\n const circleRef: { refElement: SVGCircleElement | null } = { refElement: null };\n return (\n <circle\n key={index}\n id={`${_vbcPointId}-${index}`}\n cx={isStringAxis ? xScale(item.x) + 0.5 * xScale.bandwidth() : xScale(item.x)}\n cy={item.useSecondaryYScale && yScaleSecondary ? yScaleSecondary(item.y) : yScale(item.y)}\n onMouseOver={event =>\n _legendHighlighted(lineLegendText!)\n ? _lineHover(item.point, event)\n : _onBarHover(item.point, colorScale(item.y), event)\n }\n onMouseOut={_onBarLeave}\n r={_getCircleVisibilityAndRadius(item.x, lineLegendText!).radius}\n stroke={lineLegendColor}\n fill={tokens.colorNeutralBackground1}\n strokeWidth={3}\n visibility={_getCircleVisibilityAndRadius(item.x, lineLegendText!).visibility}\n onClick={item.point.lineData?.onClick}\n // When no legend is highlighted: Line points are automatically displayed along with the bars\n // at the same x-axis point in the stack callout. So to prevent an increase in focusable elements\n // and avoid conveying duplicate info, make these line points non-focusable.\n data-is-focusable={_legendHighlighted(lineLegendText!)}\n ref={e => (circleRef.refElement = e)}\n onFocus={_lineFocus.bind(item.point, circleRef)}\n onBlur={_handleChartMouseLeave}\n />\n );\n },\n );\n\n return (\n <>\n {line}\n {dots}\n </>\n );\n }\n\n function _getCircleVisibilityAndRadius(\n xAxisPoint: string | number | Date,\n legend: string,\n ): { visibility: CircleVisbility; radius: number } {\n if (!_noLegendHighlighted()) {\n if (xAxisPoint === activeXdataPoint && _legendHighlighted(legend)) {\n return { visibility: CircleVisbility.show, radius: 8 };\n } else if (_legendHighlighted(legend)) {\n // Don't hide the circle to keep it focusable. For more information,\n // see https://fuzzbomb.github.io/accessibility-demos/visually-hidden-focus-test.html\n return { visibility: CircleVisbility.show, radius: 0.3 };\n } else {\n return { visibility: CircleVisbility.hide, radius: 0 };\n }\n } else {\n return {\n visibility: activeXdataPoint === xAxisPoint ? CircleVisbility.show : CircleVisbility.hide,\n radius: 8,\n };\n }\n }\n\n function _checkForLine(): boolean {\n const { data } = props;\n return data!.some((item: VerticalBarChartDataPoint) => item?.lineData?.y !== undefined);\n }\n\n function _adjustProps(): void {\n _points = props.data || [];\n _barWidth = getBarWidth(props.barWidth, props.maxBarWidth);\n const defaultColors: string[] = [\n tokens.colorPaletteBlueForeground2,\n tokens.colorPaletteCornflowerForeground2,\n tokens.colorPaletteDarkGreenForeground2,\n tokens.colorPaletteNavyForeground2,\n tokens.colorPaletteDarkOrangeForeground2,\n ];\n _colors = props.colors || defaultColors;\n _isHavingLine = _checkForLine();\n _xAxisInnerPadding = getScalePadding(props.xAxisInnerPadding, props.xAxisPadding, 2 / 3);\n _xAxisOuterPadding = getScalePadding(props.xAxisOuterPadding, props.xAxisPadding, 0);\n }\n\n function _getMargins(_margins: Margins) {\n margins = _margins;\n }\n\n function _renderContentForBothLineAndBars(point: VerticalBarChartDataPoint): JSX.Element {\n // eslint-disable-next-line @typescript-eslint/no-shadow\n const { YValueHover, hoverXValue } = _getCalloutContentForLineAndBar(point);\n const content: JSX.Element[] = YValueHover.map((item: YValueHover, index: number) => {\n return (\n <>\n <ChartPopover\n culture={props.culture ?? 'en-us'}\n clickPosition={clickPosition}\n isPopoverOpen={isPopoverOpen}\n legend={item.legend!}\n {...(index === 0 && { XValue: `${hoverXValue || item.data}` })}\n YValue={item.data || item.y}\n color={item.color}\n isCalloutForStack={false}\n />\n </>\n );\n });\n return <>{content}</>;\n }\n\n function _renderContentForOnlyBars(_props: VerticalBarChartDataPoint): JSX.Element {\n return (\n <>\n <ChartPopover\n XValue={_props.xAxisCalloutData || (_props.x as string)}\n xCalloutValue={xCalloutValue}\n yCalloutValue={yCalloutValue}\n culture={props.culture ?? 'en-us'}\n clickPosition={clickPosition}\n isPopoverOpen={isPopoverOpen}\n legend={_props.legend!}\n YValue={_props.yAxisCalloutData || _props.y}\n color={!props.useSingleColor && _props.color ? _props.color : _createColors()(_props.y)}\n isCalloutForStack={false}\n />\n </>\n );\n }\n\n // eslint-disable-next-line @typescript-eslint/no-shadow\n function _renderCallout(props?: VerticalBarChartDataPoint): JSX.Element | null {\n return props ? (_isHavingLine ? _renderContentForBothLineAndBars(props) : _renderContentForOnlyBars(props)) : null;\n }\n\n function _getCustomizedCallout() {\n return props.onRenderCalloutPerDataPoint\n ? props.onRenderCalloutPerDataPoint(dataPointCalloutProps, _renderCallout)\n : null;\n }\n\n function _getGraphData(\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n xScale: any,\n yScale: NumericAxis,\n containerHeight: number,\n containerWidth: number,\n xElement?: SVGElement | null,\n ) {\n return (_bars =\n _xAxisType === XAxisTypes.NumericAxis\n ? _createNumericBars(containerHeight, containerWidth, xElement!)\n : _xAxisType === XAxisTypes.DateAxis\n ? _createDateBars(containerHeight, containerWidth, xElement!)\n : _createStringBars(containerHeight, containerWidth, xElement!));\n }\n\n function _createColors(): D3ScaleLinear<string, string> | ColorScale {\n const increment = _colors.length <= 1 ? 1 : 1 / (_colors.length - 1);\n const { useSingleColor = false } = props;\n if (useSingleColor) {\n return (_p?: number) => {\n const { colors } = props;\n return colors && colors.length > 0 ? colors[0] : tokens.colorPaletteBlueBackground2;\n };\n }\n const domainValues = [];\n for (let i = 0; i < _colors.length; i++) {\n domainValues.push(increment * i * _yMax);\n }\n const colorScale = d3ScaleLinear<string>().domain(domainValues).range(_colors);\n return colorScale;\n }\n\n function _refCallback(element: SVGRectElement, legendTitle: string): void {\n _refArray.push({ index: legendTitle, refElement: element });\n }\n\n function _getCalloutContentForLineAndBar(point: VerticalBarChartDataPoint): {\n YValueHover: YValueHover[];\n hoverXValue: string | number | undefined;\n } {\n // eslint-disable-next-line @typescript-eslint/no-shadow\n const YValueHover: YValueHover[] = [];\n const { useSingleColor = false } = props;\n const { data, lineLegendText, lineLegendColor = tokens.colorPaletteYellowBackground1 } = props;\n const selectedPoint = data!.filter((xDataPoint: VerticalBarChartDataPoint) => xDataPoint.x === point.x);\n // Check if the line legend is highlighted or no legend is highlighted\n if (\n _isHavingLine &&\n selectedPoint[0].lineData?.y !== undefined &&\n (_legendHighlighted(lineLegendText) || _noLegendHighlighted())\n ) {\n // Add callout data for the line\n YValueHover.push({\n legend: lineLegendText,\n color: lineLegendColor,\n y: selectedPoint[0].lineData?.y,\n data: selectedPoint[0].lineData?.yAxisCalloutData,\n yAxisCalloutData: selectedPoint[0].lineData?.yAxisCalloutData,\n });\n }\n // Check if the bar legend is highlighted or no legend is highlighted\n if (selectedPoint[0].legend && (selectedLegends.includes(selectedPoint[0].legend) || _noLegendHighlighted())) {\n // Add callout data for the bar\n YValueHover.push({\n legend: selectedPoint[0].legend,\n y: selectedPoint[0].y,\n color: !useSingleColor\n ? selectedPoint[0].color\n ? selectedPoint[0].color\n : _createColors()(selectedPoint[0].y)\n : _createColors()(1),\n data: selectedPoint[0].yAxisCalloutData,\n yAxisCalloutData: selectedPoint[0].yAxisCalloutData,\n });\n }\n // eslint-disable-next-line @typescript-eslint/no-shadow\n const hoverXValue = point.x instanceof Date ? point.x.toLocaleString() : point.x.toString();\n return {\n YValueHover,\n hoverXValue: point.xAxisCalloutData || hoverXValue,\n };\n }\n\n function _onBarHover(\n point: VerticalBarChartDataPoint,\n // eslint-disable-next-line @typescript-eslint/no-shadow\n color: string,\n mouseEvent: React.MouseEvent<SVGElement>,\n ): void {\n mouseEvent.persist();\n\n // eslint-disable-next-line @typescript-eslint/no-shadow\n const { YValueHover, hoverXValue } = _getCalloutContentForLineAndBar(point);\n if (_calloutAnchorPoint !== point) {\n _calloutAnchorPoint = point;\n /** Show the callout if highlighted bar is hovered and Hide it if unhighlighted bar is hovered */\n updatePosition(mouseEvent.clientX, mouseEvent.clientY);\n setPopoverOpen(_noLegendHighlighted() || _legendHighlighted(point.legend));\n setDataForHoverCard(point.y);\n setCalloutLegend(point.legend!);\n setColor(point.color || color);\n // To display callout value, if no callout value given, taking given point.x value as a string.\n setXCalloutValue(\n point.xAxisCalloutData || (point.x instanceof Date ? point.x.toLocaleDateString() : point.x.toString()),\n );\n setDataPointCalloutProps(point);\n // Hovering over a bar should highlight corresponding line points only when no legend is selected\n setActiveXDatapoint(_noLegendHighlighted() ? point.x : null);\n setYValueHover(YValueHover);\n setHoverXValue(hoverXValue);\n setCalloutAccessibilityData(point.callOutAccessibilityData);\n }\n }\n\n function _onBarLeave(): void {\n /**/\n }\n\n function _handleChartMouseLeave(): void {\n _calloutAnchorPoint = null;\n setPopoverOpen(false);\n setActiveXDatapoint(null);\n setYValueHover([]);\n setHoverXValue('');\n }\n\n // eslint-disable-next-line @typescript-eslint/no-shadow\n function _onBarFocus(point: VerticalBarChartDataPoint, refArrayIndexNumber: number, color: string): void {\n // eslint-disable-next-line @typescript-eslint/no-shadow\n const { YValueHover, hoverXValue } = _getCalloutContentForLineAndBar(point);\n _refArray.forEach((obj: RefArrayData, index: number) => {\n if (obj.index === point.legend! && refArrayIndexNumber === index) {\n /** Show the callout if highlighted bar is hovered and Hide it if unhighlighted bar is hovered */\n setPopoverOpen(_noLegendHighlighted() || _legendHighlighted(point.legend));\n setDataForHoverCard(point.y);\n setCalloutLegend(point.legend!);\n setColor(point.color || color);\n // To display callout value, if no callout value given, taking given point.x value as a string.\n setXCalloutValue(\n point.xAxisCalloutData || (point.x instanceof Date ? point.x.toLocaleDateString() : point.x.toString()),\n );\n setYCalloutValue(point.yAxisCalloutData!);\n setDataPointCalloutProps(point);\n // Hovering over a bar should highlight corresponding line points only when no legend is selected\n setActiveXDatapoint(point.x);\n setYValueHover(YValueHover);\n setHoverXValue(hoverXValue);\n setCalloutAccessibilityData(point.callOutAccessibilityData);\n }\n });\n }\n\n function _lineHover(point: VerticalBarChartDataPoint, mouseEvent: React.MouseEvent<SVGElement>) {\n mouseEvent.persist();\n _lineHoverFocus(point, mouseEvent);\n }\n\n function _lineFocus(point: VerticalBarChartDataPoint, ref: { refElement: SVGCircleElement | null }) {\n if (ref.refElement) {\n _lineHoverFocus(point, ref.refElement);\n }\n }\n\n function _lineHoverFocus(\n point: VerticalBarChartDataPoint,\n _refSelected: React.MouseEvent<SVGElement> | SVGCircleElement,\n ) {\n const { lineLegendText = '', lineLegendColor = tokens.colorPaletteYellowBackground1 } = props;\n setPopoverOpen(_noLegendHighlighted() || _legendHighlighted(lineLegendText));\n setCalloutLegend(lineLegendText);\n setDataForHoverCard(point.lineData!.y);\n setColor(lineLegendColor);\n setXCalloutValue(\n point.xAxisCalloutData || (point.x instanceof Date ? point.x.toLocaleDateString() : point.x.toString()),\n );\n setYCalloutValue(point.lineData!.yAxisCalloutData);\n setDataPointCalloutProps(point);\n setActiveXDatapoint(point.x);\n }\n\n function _getScales(\n containerHeight: number,\n containerWidth: number,\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ): { xBarScale: any; yBarScale: any } {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n let xBarScale: any;\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const yBarScale: any = d3ScaleLinear()\n .domain([_yMin, _yMax])\n .range([0, containerHeight - margins.bottom! - margins.top!]);\n\n if (_xAxisType === XAxisTypes.NumericAxis) {\n const xMax = d3Max(_points, (point: VerticalBarChartDataPoint) => point.x as number)!;\n const xMin = d3Min(_points, (point: VerticalBarChartDataPoint) => point.x as number)!;\n xBarScale = d3ScaleLinear()\n .domain(_useRtl ? [xMax, xMin] : [xMin, xMax])\n .nice()\n .range([margins.left! + _domainMargin, containerWidth - margins.right! - _domainMargin]);\n } else if (_xAxisType === XAxisTypes.DateAxis) {\n const sDate = d3Min(_points, (point: VerticalBarChartDataPoint) => point.x as Date)!;\n const lDate = d3Max(_points, (point: VerticalBarChartDataPoint) => point.x as Date)!;\n xBarScale = d3ScaleUtc()\n .domain([sDate, lDate])\n .range(\n _useRtl\n ? [containerWidth - margins.right! - _domainMargin, margins.left! + _domainMargin]\n : [margins.left! + _domainMargin, containerWidth - margins.right! - _domainMargin],\n );\n } else {\n xBarScale = d3ScaleBand()\n .domain(_xAxisLabels)\n .range(\n _useRtl\n ? [containerWidth - margins.right! - _domainMargin, margins.left! + _domainMargin]\n : [margins.left! + _domainMargin, containerWidth - margins.right! - _domainMargin],\n )\n .paddingInner(_xAxisInnerPadding)\n .paddingOuter(_xAxisOuterPadding);\n }\n\n return { xBarScale, yBarScale };\n }\n\n const classes = useVerticalBarChartStyles(props);\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n function _calculateMinBarHeight(yMin: number, yMax: number, yReferencePoint: number, yBarScale: any): number {\n const maxHeightFromBaseline =\n yMax < 0\n ? Math.abs(yMin - yReferencePoint)\n : Math.max(Math.abs(yMax - yReferencePoint), Math.abs(yMin - yReferencePoint));\n return Math.ceil(yBarScale(maxHeightFromBaseline) / 100.0);\n }\n\n function _createNumericBars(containerHeight: number, containerWidth: number, xElement: SVGElement): JSX.Element[] {\n const { useSingleColor = false } = props;\n const { xBarScale, yBarScale } = _getScales(containerHeight, containerWidth);\n const colorScale = _createColors();\n const yReferencePoint = _yMax < 0 ? _yMax : 0;\n const bars = _points.map((point: VerticalBarChartDataPoint, index: number) => {\n const shouldHighlight = _legendHighlighted(point.legend!) || _noLegendHighlighted() ? true : false;\n\n let barHeight: number = yBarScale(point.y) - yBarScale(yReferencePoint);\n const isHeightNegative = barHeight < 0;\n barHeight = Math.abs(barHeight);\n // Calculate threshold for minimum visible bar height\n const minBarHeight = _calculateMinBarHeight(_yMin, _yMax, yReferencePoint, yBarScale);\n let adjustedBarHeight = barHeight;\n\n if (barHeight === 0) {\n return <React.Fragment key={point.x as string}> </React.Fragment>;\n }\n // Adjust bar height if it's smaller than the threshold\n else if (barHeight <= minBarHeight) {\n adjustedBarHeight = minBarHeight;\n }\n const xPoint = xBarScale(point.x as number) - _barWidth / 2;\n const yPoint =\n containerHeight -\n margins.bottom! -\n (isHeightNegative ? -1 * adjustedBarHeight : adjustedBarHeight) -\n yBarScale(yReferencePoint);\n const baselineHeight = containerHeight - margins.bottom! - yBarScale(yReferencePoint);\n return (\n <g key={`${point.x}_${index}` as string}>\n <rect\n id={`${_vbcBarId}-${index}`}\n x={xPoint}\n y={!isHeightNegative ? yPoint : baselineHeight}\n width={_barWidth}\n data-is-focusable={!props.hideTooltip && shouldHighlight}\n height={adjustedBarHeight}\n ref={(e: SVGRectElement) => {\n _refCallback(e, point.legend!);\n }}\n onClick={point.onClick}\n onMouseOver={event => _onBarHover(point, colorScale(point.y), event)}\n aria-label={_getAriaLabel(point)}\n role=\"img\"\n onMouseLeave={_onBarLeave}\n onFocus={_onBarFocus.bind(point, index, colorScale(point.y))}\n onBlur={_onBarLeave}\n fill={point.color && !useSingleColor ? point.color : colorScale(point.y)}\n tabIndex={point.legend !== '' ? 0 : undefined}\n opacity={shouldHighlight ? 1 : 0.1}\n rx={props.roundCorners ? 3 : 0}\n />\n {_renderBarLabel(xPoint, yPoint, point.y, point.legend!, isHeightNegative)}\n </g>\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 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(xBarScale);\n try {\n // eslint-disable-next-line 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 xAxis: xAxisElement,\n };\n xAxisElement && tooltipOfXAxislabels(tooltipProps);\n }\n return bars;\n }\n\n function _createStringBars(containerHeight: number, containerWidth: number, xElement: SVGElement): JSX.Element[] {\n const { xBarScale, yBarScale } = _getScales(containerHeight, containerWidth);\n const colorScale = _createColors();\n const yReferencePoint = _yMax < 0 ? _yMax : 0;\n const bars = _points.map((point: VerticalBarChartDataPoint, index: number) => {\n const shouldHighlight = _legendHighlighted(point.legend!) || _noLegendHighlighted() ? true : false;\n let barHeight: number = yBarScale(point.y) - yBarScale(yReferencePoint);\n const isHeightNegative = barHeight < 0;\n barHeight = Math.abs(barHeight);\n // Calculate threshold for minimum visible bar height\n const minBarHeight = _calculateMinBarHeight(_yMin, _yMax, yReferencePoint, yBarScale);\n let adjustedBarHeight = barHeight;\n\n if (barHeight === 0) {\n return <React.Fragment key={point.x as string}> </React.Fragment>;\n }\n // Adjust bar height if it's smaller than the threshold\n else if (barHeight <= minBarHeight) {\n adjustedBarHeight = minBarHeight;\n }\n const xPoint = xBarScale(point.x);\n const yPoint =\n containerHeight -\n margins.bottom! -\n (isHeightNegative ? -1 * adjustedBarHeight : adjustedBarHeight) -\n yBarScale(yReferencePoint);\n const baselineHeight = containerHeight - margins.bottom! - yBarScale(yReferencePoint);\n // Setting the bar width here is safe because there are no dependencies earlier in the code\n // that rely on the width of bars in vertical bar charts with string x-axis.\n _barWidth = getBarWidth(props.barWidth, props.maxBarWidth, xBarScale.bandwidth());\n return (\n <g\n key={point.x instanceof Date ? `${point.x.getTime()}_${index}` : `${point.x}_${index}`}\n transform={`translate(${0.5 * (xBarScale.bandwidth() - _barWidth)}, 0)`}\n >\n <rect\n id={`${_vbcBarId}-${index}`}\n x={xPoint}\n y={!isHeightNegative ? yPoint : baselineHeight}\n width={_barWidth}\n height={adjustedBarHeight}\n aria-label={_getAriaLabel(point)}\n role=\"img\"\n ref={(e: SVGRectElement) => {\n _refCallback(e, point.legend!);\n }}\n onClick={point.onClick}\n onMouseOver={event => _onBarHover(point, colorScale(point.y), event)}\n onMouseLeave={_onBarLeave}\n onBlur={_onBarLeave}\n data-is-focusable={!props.hideTooltip && shouldHighlight}\n onFocus={_onBarFocus.bind(point, index, colorScale(point.y))}\n fill={point.color ? point.color : colorScale(point.y)}\n tabIndex={point.legend !== '' ? 0 : undefined}\n rx={props.roundCorners ? 3 : 0}\n opacity={shouldHighlight ? 1 : 0.1}\n />\n {_renderBarLabel(xPoint, yPoint, point.y, point.legend!, isHeightNegative)}\n </g>\n );\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 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(xBarScale);\n try {\n // eslint-disable-next-line 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 xAxis: xAxisElement,\n showTooltip: props.showXAxisLablesTooltip,\n };\n xAxisElement && tooltipOfXAxislabels(tooltipProps);\n }\n return bars;\n }\n\n function _createDateBars(containerHeight: number, containerWidth: number, xElement: SVGElement): JSX.Element[] {\n const { useSingleColor = false } = props;\n const { xBarScale, yBarScale } = _getScales(containerHeight, containerWidth);\n const colorScale = _createColors();\n const yReferencePoint = _yMax < 0 ? _yMax : 0;\n const bars = _points.map((point: VerticalBarChartDataPoint, index: number) => {\n const shouldHighlight = _legendHighlighted(point.legend!) || _noLegendHighlighted() ? true : false;\n let barHeight: number = yBarScale(point.y) - yBarScale(yReferencePoint);\n const isHeightNegative = barHeight < 0;\n barHeight = Math.abs(barHeight);\n // Calculate threshold for minimum visible bar height\n const minBarHeight = _calculateMinBarHeight(_yMin, _yMax, yReferencePoint, yBarScale);\n let adjustedBarHeight = barHeight;\n\n if (barHeight === 0) {\n return <React.Fragment key={point.x as string}> </React.Fragment>;\n }\n // Adjust bar height if it's smaller than the threshold\n else if (barHeight <= minBarHeight) {\n adjustedBarHeight = minBarHeight;\n }\n const xPoint = xBarScale(point.x as number) - _barWidth / 2;\n const yPoint =\n containerHeight -\n margins.bottom! -\n (isHeightNegative ? -1 * adjustedBarHeight : adjustedBarHeight) -\n yBarScale(yReferencePoint);\n const baselineHeight = containerHeight - margins.bottom! - yBarScale(yReferencePoint);\n return (\n <g key={point.x instanceof Date ? `${point.x.getTime()}_${index}` : `${point.x}_${index}`}>\n <rect\n id={`${_vbcBarId}-${index}`}\n x={xPoint}\n className={classes.opacityChangeOnHover}\n y={!isHeightNegative ? yPoint : baselineHeight}\n width={_barWidth}\n data-is-focusable={!props.hideTooltip && shouldHighlight}\n height={adjustedBarHeight}\n ref={(e: SVGRectElement) => {\n _refCallback(e, point.legend!);\n }}\n onClick={point.onClick}\n onMouseOver={event => _onBarHover(point, colorScale(point.y), event)}\n aria-label={_getAriaLabel(point)}\n role=\"img\"\n onMouseLeave={_onBarLeave}\n onFocus={_onBarFocus.bind(point, index, colorScale(point.y))}\n onBlur={_onBarLeave}\n fill={point.color && !useSingleColor ? point.color : colorScale(point.y)}\n tabIndex={point.legend !== '' ? 0 : undefined}\n rx={props.roundCorners ? 3 : 0}\n opacity={shouldHighlight ? 1 : 0.1}\n />\n {_renderBarLabel(xPoint, yPoint, point.y, point.legend!, isHeightNegative)}\n </g>\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 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(xBarScale);\n try {\n // eslint-disable-next-line 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 xAxis: xAxisElement,\n };\n xAxisElement && tooltipOfXAxislabels(tooltipProps);\n }\n return bars;\n }\n\n function _onLegendHover(legendTitle: string): void {\n setActiveLegend(legendTitle);\n }\n\n function _onLegendLeave(): void {\n setActiveLegend(undefined);\n }\n\n function _getLegendData(data: VerticalBarChartDataPoint[]): JSX.Element {\n const { useSingleColor } = props;\n const { lineLegendText, lineLegendColor = tokens.colorPaletteYellowForeground1 } = props;\n const actions: Legend[] = [];\n const mapLegendToColor: Record<string, string> = {};\n data.forEach((point: VerticalBarChartDataPoint, _index: number) => {\n // eslint-disable-next-line @typescript-eslint/no-shadow\n const color: string = !useSingleColor ? point.color! : _createColors()(1);\n mapLegendToColor[point.legend!] = color;\n });\n Object.entries(mapLegendToColor).forEach(([legendTitle, color]) => {\n // mapping data to the format Legends component needs\n const legend: Legend = {\n title: legendTitle,\n color,\n hoverAction: () => {\n _handleChartMouseLeave();\n _onLegendHover(legendTitle);\n },\n onMouseOutAction: () => {\n _onLegendLeave();\n },\n };\n actions.push(legend);\n });\n if (_isHavingLine && lineLegendText && lineLegendColor) {\n const lineLegend: Legend = {\n title: lineLegendText,\n color: lineLegendColor,\n hoverAction: () => {\n _handleChartMouseLeave();\n _onLegendHover(lineLegendText);\n },\n onMouseOutAction: () => {\n _onLegendLeave();\n },\n isLineLegendInBarChart: true,\n };\n actions.unshift(lineLegend);\n }\n const legends = (\n <Legends\n legends={actions}\n enabledWrapLines={props.enabledLegendsWrapLines}\n overflowText={props.legendsOverflowText}\n {...props.legendProps}\n selectedLegends={selectedLegends}\n onChange={_onLegendSelectionChange}\n />\n );\n return legends;\n }\n\n function _onLegendSelectionChange(\n legendsSelected: string[],\n event: React.MouseEvent<HTMLButtonElement>,\n currentLegend?: Legend,\n ): void {\n if (props.legendProps?.canSelectMultipleLegends) {\n setSelectedLegends(legendsSelected);\n } else {\n setSelectedLegends(legendsSelected.slice(-1));\n }\n\n if (props.legendProps?.onChange) {\n props.legendProps.onChange(legendsSelected, event, currentLegend);\n }\n }\n\n function _getAxisData(yAxisData: IAxisData) {\n if (yAxisData && yAxisData.yAxisDomainValues.length) {\n const { yAxisDomainValues: domainValue } = yAxisData;\n _yMax = Math.max(domainValue[domainValue.length - 1], props.yMaxValue || 0);\n _yMin = Math.min(domainValue[0], props.yMinValue || 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(legendTitle: string | undefined): boolean {\n return _getHighlightedLegend().includes(legendTitle!);\n }\n\n /**\n * This function checks if none of the legends is selected or hovered.\n */\n function _noLegendHighlighted(): boolean {\n return _getHighlightedLegend().length === 0;\n }\n\n function _getHighlightedLegend() {\n return selectedLegends.length > 0 ? selectedLegends : activeLegend ? [activeLegend] : [];\n }\n\n function _getAriaLabel(point: VerticalBarChartDataPoint): string {\n const xValue = point.xAxisCalloutData\n ? point.xAxisCalloutData\n : point.x instanceof Date\n ? point.x.toLocaleString()\n : point.x;\n const legend = point.legend;\n const yValue = point.yAxisCalloutData || point.y;\n const lineLegend = props.lineLegendText || 'Line';\n const lineYValue = point.lineData?.yAxisCalloutData || point.lineData?.y;\n return (\n point.callOutAccessibilityData?.ariaLabel ||\n `${xValue}. ` +\n (legend ? `${legend}, ` : '') +\n `${yValue}.` +\n (typeof lineYValue !== 'undefined' ? ` ${lineLegend}, ${lineYValue}.` : '')\n );\n }\n\n function _renderBarLabel(xPoint: number, yPoint: number, barValue: number, legend: string, isNegativeBar: boolean) {\n if (props.hideLabels || _barWidth < 16 || !(_legendHighlighted(legend) || _noLegendHighlighted())) {\n return null;\n }\n\n return (\n <text\n x={xPoint + _barWidth / 2}\n y={isNegativeBar ? yPoint + 12 : yPoint - 6}\n textAnchor=\"middle\"\n className={classes.barLabel}\n aria-hidden={true}\n >\n {typeof props.yAxisTickFormat === 'function'\n ? props.yAxisTickFormat(barValue)\n : formatScientificLimitWidth(barValue)}\n </text>\n );\n }\n\n function _getDomainMargins(containerWidth: number): Margins {\n _domainMargin = MIN_DOMAIN_MARGIN;\n\n /** Total width available to render the bars */\n const totalWidth = containerWidth - (margins.left! + MIN_DOMAIN_MARGIN) - (margins.right! + MIN_DOMAIN_MARGIN);\n /** Rate at which the space between the bars changes wrt the bar width */\n const barGapRate = _xAxisInnerPadding / (1 - _xAxisInnerPadding);\n\n if (_xAxisType === XAxisTypes.StringAxis) {\n if (isScalePaddingDefined(props.xAxisOuterPadding, props.xAxisPadding)) {\n // Setting the domain margin for string x-axis to 0 because the xAxisOuterPadding prop is now available\n // to adjust the space before the first bar and after the last bar.\n _domainMargin = 0;\n } else if (props.barWidth !== 'auto') {\n // Update the bar width so that when CartesianChart rerenders,\n // the following calculations don't use the previous bar width.\n _barWidth = getBarWidth(props.barWidth, props.maxBarWidth);\n /** Total width required to render the bars. Directly proportional to bar width */\n const reqWidth = (_xAxisLabels.length + (_xAxisLabels.length - 1) * barGapRate) * _barWidth;\n\n if (totalWidth >= reqWidth) {\n // Center align the chart by setting equal left and right margins for domain\n _domainMargin = MIN_DOMAIN_MARGIN + (totalWidth - reqWidth) / 2;\n }\n } else if (props.mode === 'plotly' && _xAxisLabels.length > 1) {\n // Calculate the remaining width after rendering bars at their maximum allowable width\n const bandwidth = totalWidth / (_xAxisLabels.length + (_xAxisLabels.length - 1) * barGapRate);\n const barWidth = getBarWidth(props.barWidth, props.maxBarWidth, bandwidth);\n let reqWidth = (_xAxisLabels.length + (_xAxisLabels.length - 1) * barGapRate) * barWidth;\n const margin1 = (totalWidth - reqWidth) / 2;\n\n // Calculate the remaining width after accounting for the space required to render x-axis labels\n const step = calculateLongestLabelWidth(_xAxisLabels) + 20;\n reqWidth = (_xAxisLabels.length - _xAxisInnerPadding) * step;\n const margin2 = (totalWidth - reqWidth) / 2;\n\n _domainMargin = MIN_DOMAIN_MARGIN + Math.max(0, Math.min(margin1, margin2));\n }\n } else {\n const uniqueX: Record<number, number | Date> = {};\n props.data?.forEach(point => {\n if (point.x instanceof Date) {\n uniqueX[point.x.getTime()] = point.x;\n } else {\n uniqueX[point.x as number] = point.x as number;\n }\n });\n const data = Object.values(uniqueX) as number[] | Date[];\n _barWidth = getBarWidth(props.barWidth, props.maxBarWidth, calculateAppropriateBarWidth(data, totalWidth));\n _domainMargin = MIN_DOMAIN_MARGIN + _barWidth / 2;\n }\n\n return {\n ...margins,\n left: margins.left! + _domainMargin,\n right: margins.right! + _domainMargin,\n };\n }\n\n function _isChartEmpty(): boolean {\n return _points.length === 0 || (_points.every(point => point.y === 0) && !_isHavingLine);\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 _adjustProps();\n _xAxisLabels = _points.map((point: VerticalBarChartDataPoint) => point.x as string);\n _yMax = Math.max(d3Max(_points, (point: VerticalBarChartDataPoint) => point.y)!, props.yMaxValue || 0);\n _yMin = Math.min(d3Min(_points, (point: VerticalBarChartDataPoint) => point.y)!, props.yMinValue || 0);\n const legendBars: JSX.Element = _getLegendData(_points);\n const calloutProps = {\n ...(_isHavingLine && {\n YValueHover: hoveredYValues,\n hoverXValue: hoverXValue,\n }),\n color: color,\n legend: calloutLegend,\n XValue: xCalloutValue,\n YValue: yCalloutValue ? yCalloutValue : dataForHoverCard,\n ...props.calloutProps,\n ...getAccessibleDataObject(callOutAccessibilityData),\n clickPosition: clickPosition,\n isPopoverOpen: isPopoverOpen,\n isCalloutForStack: _isHavingLine && (_noLegendHighlighted() || _getHighlightedLegend().length > 1),\n culture: props.culture ?? 'en-us',\n isCartesian: true,\n customCallout: {\n customizedCallout: _getCustomizedCallout() != null ? _getCustomizedCallout()! : undefined,\n customCalloutProps: props.calloutPropsPerDataPoint\n ? props.calloutPropsPerDataPoint(dataPointCalloutProps!)\n : undefined,\n },\n };\n\n const tickParams = {\n tickValues: props.tickValues,\n tickFormat: props.tickFormat,\n };\n return !_isChartEmpty() ? (\n <CartesianChart\n {...props}\n points={_points}\n chartType={ChartTypes.VerticalBarChart}\n xAxisType={_xAxisType}\n calloutProps={calloutProps}\n tickParams={tickParams}\n {...(_isHavingLine && _noLegendHighlighted() && { isCalloutForStack: true })}\n legendBars={legendBars}\n datasetForXAxisDomain={_xAxisLabels}\n barwidth={_barWidth}\n getmargins={_getMargins}\n getGraphData={_getGraphData}\n getAxisData={_getAxisData}\n onChartMouseLeave={_handleChartMouseLeave}\n getDomainMargins={_getDomainMargins}\n {...(_xAxisType === XAxisTypes.StringAxis && {\n xAxisInnerPadding: _xAxisInnerPadding,\n xAxisOuterPadding: _xAxisOuterPadding,\n })}\n componentRef={cartesianChartRef}\n /* eslint-disable react/jsx-no-bind */\n // eslint-disable-next-line react/no-children-prop\n children={(props: ChildProps) => {\n return (\n <>\n <g>{_bars}</g>\n {_isHavingLine && (\n <g>\n {_createLine(\n props.xScale!,\n props.yScale!,\n props.containerHeight,\n props.containerWidth,\n props.yScaleSecondary,\n )}\n </g>\n )}\n </>\n );\n }}\n />\n ) : (\n <div id={_emptyChartId} role={'alert'} style={{ opacity: '0' }} aria-label={'Graph has no data to display'} />\n );\n});\nVerticalBarChart.displayName = 'VerticalBarChart';\n"],"names":["React","useVerticalBarChartStyles","max","d3Max","min","d3Min","line","d3Line","select","d3Select","scaleLinear","d3ScaleLinear","scaleBand","d3ScaleBand","scaleUtc","d3ScaleUtc","useId","tokens","CartesianChart","Legends","ChartPopover","ChartTypes","getAccessibleDataObject","XAxisTypes","getTypeOfAxis","tooltipOfXAxislabels","formatScientificLimitWidth","getBarWidth","getScalePadding","isScalePaddingDefined","calculateAppropriateBarWidth","useRtl","areArraysEqual","calculateLongestLabelWidth","CircleVisbility","MIN_DOMAIN_MARGIN","VerticalBarChart","forwardRef","props","forwardedRef","_points","_barWidth","_colors","_refArray","margins","_useRtl","_bars","_xAxisLabels","_yMax","_yMin","_isHavingLine","_checkForLine","_tooltipId","_xAxisType","data","length","x","StringAxis","_calloutAnchorPoint","_domainMargin","_emptyChartId","_vbcLineId","_vbcPointId","_vbcBarId","_xAxisInnerPadding","_xAxisOuterPadding","cartesianChartRef","useRef","color","setColor","useState","dataForHoverCard","setDataForHoverCard","activeLegend","setActiveLegend","undefined","xCalloutValue","setXCalloutValue","yCalloutValue","setYCalloutValue","activeXdataPoint","setActiveXDatapoint","hoveredYValues","setYValueHover","hoverXValue","setHoverXValue","calloutLegend","setCalloutLegend","callOutAccessibilityData","setCalloutAccessibilityData","dataPointCalloutProps","setDataPointCalloutProps","clickPosition","setClickPosition","y","isPopoverOpen","setPopoverOpen","selectedLegends","setSelectedLegends","legendProps","prevPropsRef","useImperativeHandle","componentRef","chartContainer","current","useEffect","prevProps","height","width","_adjustProps","_createLine","xScale","yScale","containerHeight","containerWidth","yScaleSecondary","isStringAxis","colorScale","_createColors","lineLegendColor","colorPaletteYellowBackground1","lineLegendText","lineData","forEach","item","index","push","useSecondaryYScale","point","linePath","d","bandwidth","shouldHighlight","_legendHighlighted","_noLegendHighlighted","lineBorderWidth","lineOptions","Number","parseFloat","toString","path","key","id","opacity","fill","strokeLinecap","strokeWidth","className","classes","lineBorder","stroke","dots","map","circleRef","refElement","circle","cx","cy","onMouseOver","event","_lineHover","_onBarHover","onMouseOut","_onBarLeave","r","_getCircleVisibilityAndRadius","radius","colorNeutralBackground1","visibility","onClick","data-is-focusable","ref","e","onFocus","_lineFocus","bind","onBlur","_handleChartMouseLeave","xAxisPoint","legend","some","barWidth","maxBarWidth","defaultColors","colorPaletteBlueForeground2","colorPaletteCornflowerForeground2","colorPaletteDarkGreenForeground2","colorPaletteNavyForeground2","colorPaletteDarkOrangeForeground2","colors","xAxisInnerPadding","xAxisPadding","xAxisOuterPadding","_getMargins","_margins","_renderContentForBothLineAndBars","YValueHover","_getCalloutContentForLineAndBar","content","culture","XValue","YValue","isCalloutForStack","_renderContentForOnlyBars","_props","xAxisCalloutData","yAxisCalloutData","useSingleColor","_renderCallout","_getCustomizedCallout","onRenderCalloutPerDataPoint","_getGraphData","xElement","NumericAxis","_createNumericBars","DateAxis","_createDateBars","_createStringBars","increment","_p","colorPaletteBlueBackground2","domainValues","i","domain","range","_refCallback","element","legendTitle","selectedPoint","filter","xDataPoint","includes","Date","toLocaleString","mouseEvent","persist","updatePosition","clientX","clientY","toLocaleDateString","_onBarFocus","refArrayIndexNumber","obj","_lineHoverFocus","_refSelected","_getScales","xBarScale","yBarScale","bottom","top","xMax","xMin","nice","left","right","sDate","lDate","paddingInner","paddingOuter","_calculateMinBarHeight","yMin","yMax","yReferencePoint","maxHeightFromBaseline","Math","abs","ceil","bars","barHeight","isHeightNegative","minBarHeight","adjustedBarHeight","Fragment","xPoint","yPoint","baselineHeight","g","rect","hideTooltip","aria-label","_getAriaLabel","role","onMouseLeave","tabIndex","rx","roundCorners","_renderBarLabel","showXAxisLablesTooltip","document","getElementById","remove","wrapXAxisLables","xAxisElement","call","tooltipProps","tooltipCls","tooltip","xAxis","getTime","transform","showTooltip","opacityChangeOnHover","_onLegendHover","_onLegendLeave","_getLegendData","colorPaletteYellowForeground1","actions","mapLegendToColor","_index","Object","entries","title","hoverAction","onMouseOutAction","lineLegend","isLineLegendInBarChart","unshift","legends","enabledWrapLines","enabledLegendsWrapLines","overflowText","legendsOverflowText","onChange","_onLegendSelectionChange","legendsSelected","currentLegend","canSelectMultipleLegends","slice","_getAxisData","yAxisData","yAxisDomainValues","domainValue","yMaxValue","yMinValue","_getHighlightedLegend","xValue","yValue","lineYValue","ariaLabel","barValue","isNegativeBar","hideLabels","text","textAnchor","barLabel","aria-hidden","yAxisTickFormat","_getDomainMargins","totalWidth","barGapRate","reqWidth","mode","margin1","step","margin2","uniqueX","values","_isChartEmpty","every","newX","newY","threshold","distance","sqrt","pow","legendBars","calloutProps","isCartesian","customCallout","customizedCallout","customCalloutProps","calloutPropsPerDataPoint","tickParams","tickValues","tickFormat","points","chartType","xAxisType","datasetForXAxisDomain","barwidth","getmargins","getGraphData","getAxisData","onChartMouseLeave","getDomainMargins","children","div","style","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
|
|
1
|
+
{"version":3,"sources":["VerticalBarChart.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useVerticalBarChartStyles } from './useVerticalBarChartStyles.styles';\nimport { max as d3Max, min as d3Min } from 'd3-array';\nimport { line as d3Line } from 'd3-shape';\nimport { select as d3Select } from 'd3-selection';\nimport {\n scaleLinear as d3ScaleLinear,\n ScaleLinear as D3ScaleLinear,\n scaleBand as d3ScaleBand,\n scaleUtc as d3ScaleUtc,\n} from 'd3-scale';\nimport { useId } from '@fluentui/react-utilities';\nimport { tokens } from '@fluentui/react-theme';\nimport {\n AccessibilityProps,\n CartesianChart,\n Margins,\n Legend,\n RefArrayData,\n VerticalBarChartProps,\n VerticalBarChartDataPoint,\n Legends,\n ChildProps,\n YValueHover,\n ChartPopover,\n Chart,\n} from '../../index';\nimport {\n ChartTypes,\n IAxisData,\n getAccessibleDataObject,\n XAxisTypes,\n NumericAxis,\n getTypeOfAxis,\n tooltipOfXAxislabels,\n formatScientificLimitWidth,\n getBarWidth,\n getScalePadding,\n isScalePaddingDefined,\n calculateAppropriateBarWidth,\n useRtl,\n areArraysEqual,\n calculateLongestLabelWidth,\n} from '../../utilities/index';\n\nenum CircleVisbility {\n show = 'visibility',\n hide = 'hidden',\n}\n\nconst MIN_DOMAIN_MARGIN = 8;\n\n// Create a VerticalBarChart variant which uses these default styles and this styled subcomponent.\n/**\n * VerticalBarchart component\n * {@docCategory VerticalBarChart}\n */\nexport const VerticalBarChart: React.FunctionComponent<VerticalBarChartProps> = React.forwardRef<\n HTMLDivElement,\n VerticalBarChartProps\n>((props, forwardedRef) => {\n let _points: VerticalBarChartDataPoint[] = [];\n let _barWidth: number = 0;\n let _colors: string[];\n const _refArray: RefArrayData[] = [];\n let margins: Margins;\n const _useRtl: boolean = useRtl();\n let _bars: JSX.Element[];\n let _xAxisLabels: string[];\n let _yMax: number;\n let _yMin: number;\n let _isHavingLine: boolean = _checkForLine();\n const _tooltipId: string = useId('VCTooltipID_');\n const _xAxisType: XAxisTypes =\n props.data! && props.data!.length > 0\n ? (getTypeOfAxis(props.data![0].x, true) as XAxisTypes)\n : XAxisTypes.StringAxis;\n let _calloutAnchorPoint: VerticalBarChartDataPoint | null;\n let _domainMargin: number;\n const _emptyChartId: string = useId('_VBC_empty');\n const _vbcLineId: string = useId('_VBC_line_');\n const _vbcPointId: string = useId('_VBC_point_');\n const _vbcBarId: string = useId('_VBC_bar_');\n let _xAxisInnerPadding: number = 0;\n let _xAxisOuterPadding: number = 0;\n type ColorScale = (_p?: number) => string;\n const cartesianChartRef = React.useRef<Chart>(null);\n\n const [color, setColor] = React.useState<string>('');\n const [dataForHoverCard, setDataForHoverCard] = React.useState<number>(0);\n const [activeLegend, setActiveLegend] = React.useState<string | undefined>(undefined);\n const [xCalloutValue, setXCalloutValue] = React.useState<string | undefined>('');\n const [yCalloutValue, setYCalloutValue] = React.useState<string | undefined>('');\n const [activeXdataPoint, setActiveXDatapoint] = React.useState<string | number | Date | null>(null);\n const [hoveredYValues, setYValueHover] = React.useState<YValueHover[]>();\n const [hoverXValue, setHoverXValue] = React.useState<string | number | undefined>('');\n const [calloutLegend, setCalloutLegend] = React.useState<string>('');\n const [callOutAccessibilityData, setCalloutAccessibilityData] = React.useState<AccessibilityProps>();\n const [dataPointCalloutProps, setDataPointCalloutProps] = React.useState<VerticalBarChartDataPoint>();\n const [clickPosition, setClickPosition] = React.useState({ x: 0, y: 0 });\n const [isPopoverOpen, setPopoverOpen] = React.useState(false);\n const [selectedLegends, setSelectedLegends] = React.useState<string[]>(props.legendProps?.selectedLegends || []);\n const prevPropsRef = React.useRef<VerticalBarChartProps | null>(null);\n\n React.useImperativeHandle(\n props.componentRef,\n () => ({\n chartContainer: cartesianChartRef.current?.chartContainer ?? null,\n }),\n [],\n );\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 if (prevProps.height !== props.height || prevProps.width !== props.width) {\n _adjustProps();\n }\n }\n prevPropsRef.current = props;\n }, [props, prevPropsRef, _adjustProps]);\n\n function _createLine(\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n xScale: any,\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n yScalePrimary: any,\n containerHeight: number = 0,\n containerWidth: number = 0,\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n yScaleSecondary?: any,\n ): React.ReactNode {\n const isStringAxis = _xAxisType === XAxisTypes.StringAxis;\n const colorScale = _createColors();\n const { data, lineLegendColor = tokens.colorPaletteYellowBackground1, lineLegendText } = props;\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const lineData: Array<any> = [];\n const line: JSX.Element[] = [];\n data &&\n data.forEach((item: VerticalBarChartDataPoint, index: number) => {\n if (item.lineData && item.lineData.y) {\n lineData.push({\n x: item.x,\n y: item.lineData!.y,\n useSecondaryYScale: item.lineData!.useSecondaryYScale ?? false,\n point: item,\n index,\n });\n }\n });\n const linePath = d3Line()\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n .x((d: any) => (isStringAxis ? xScale(d.x) + 0.5 * xScale.bandwidth() : xScale(d.x)))\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n .y((d: any) => (d.useSecondaryYScale && yScaleSecondary ? yScaleSecondary(d.y) : yScalePrimary(d.y)));\n const shouldHighlight = _legendHighlighted(lineLegendText!) || _noLegendHighlighted() ? true : false;\n const lineBorderWidth = props.lineOptions?.lineBorderWidth\n ? Number.parseFloat(props.lineOptions!.lineBorderWidth!.toString())\n : 0;\n\n if (lineBorderWidth > 0) {\n line.push(\n <path\n key={_vbcLineId}\n id={_vbcLineId}\n opacity={shouldHighlight ? 1 : 0.1}\n d={linePath(lineData)!}\n fill=\"transparent\"\n strokeLinecap=\"square\"\n strokeWidth={3 + lineBorderWidth * 2}\n className={classes.lineBorder}\n />,\n );\n }\n line.push(\n <path\n key={_vbcLineId}\n id={_vbcLineId}\n opacity={shouldHighlight ? 1 : 0.1}\n d={linePath(lineData)!}\n fill=\"transparent\"\n strokeLinecap=\"square\"\n strokeWidth={3}\n stroke={lineLegendColor}\n />,\n );\n\n const dots: React.ReactNode[] = lineData.map(\n (\n item: {\n x: number | string;\n y: number;\n useSecondaryYScale: boolean;\n point: VerticalBarChartDataPoint;\n index: number;\n },\n index: number,\n ) => {\n // Create an object to store line point ref so that the object can be passed by reference to the focus handler\n const circleRef: { refElement: SVGCircleElement | null } = { refElement: null };\n return (\n <circle\n key={index}\n id={`${_vbcPointId}-${index}`}\n cx={isStringAxis ? xScale(item.x) + 0.5 * xScale.bandwidth() : xScale(item.x)}\n cy={item.useSecondaryYScale && yScaleSecondary ? yScaleSecondary(item.y) : yScalePrimary(item.y)}\n onMouseOver={event =>\n _legendHighlighted(lineLegendText!)\n ? _lineHover(item.point, event)\n : _onBarHover(item.point, colorScale(item.y), event)\n }\n onMouseOut={_onBarLeave}\n r={_getCircleVisibilityAndRadius(item.x, lineLegendText!).radius}\n stroke={lineLegendColor}\n fill={tokens.colorNeutralBackground1}\n strokeWidth={3}\n visibility={_getCircleVisibilityAndRadius(item.x, lineLegendText!).visibility}\n onClick={item.point.lineData?.onClick}\n // When no legend is highlighted: Line points are automatically displayed along with the bars\n // at the same x-axis point in the stack callout. So to prevent an increase in focusable elements\n // and avoid conveying duplicate info, make these line points non-focusable.\n data-is-focusable={_legendHighlighted(lineLegendText!)}\n ref={e => (circleRef.refElement = e)}\n onFocus={_lineFocus.bind(item.point, circleRef)}\n onBlur={_handleChartMouseLeave}\n />\n );\n },\n );\n\n return (\n <>\n {line}\n {dots}\n </>\n );\n }\n\n function _getCircleVisibilityAndRadius(\n xAxisPoint: string | number | Date,\n legend: string,\n ): { visibility: CircleVisbility; radius: number } {\n if (!_noLegendHighlighted()) {\n if (xAxisPoint === activeXdataPoint && _legendHighlighted(legend)) {\n return { visibility: CircleVisbility.show, radius: 8 };\n } else if (_legendHighlighted(legend)) {\n // Don't hide the circle to keep it focusable. For more information,\n // see https://fuzzbomb.github.io/accessibility-demos/visually-hidden-focus-test.html\n return { visibility: CircleVisbility.show, radius: 0.3 };\n } else {\n return { visibility: CircleVisbility.hide, radius: 0 };\n }\n } else {\n return {\n visibility: activeXdataPoint === xAxisPoint ? CircleVisbility.show : CircleVisbility.hide,\n radius: 8,\n };\n }\n }\n\n function _checkForLine(): boolean {\n const { data } = props;\n return data!.some((item: VerticalBarChartDataPoint) => item?.lineData?.y !== undefined);\n }\n\n function _adjustProps(): void {\n _points = props.data || [];\n _barWidth = getBarWidth(props.barWidth, props.maxBarWidth);\n const defaultColors: string[] = [\n tokens.colorPaletteBlueForeground2,\n tokens.colorPaletteCornflowerForeground2,\n tokens.colorPaletteDarkGreenForeground2,\n tokens.colorPaletteNavyForeground2,\n tokens.colorPaletteDarkOrangeForeground2,\n ];\n _colors = props.colors || defaultColors;\n _isHavingLine = _checkForLine();\n _xAxisInnerPadding = getScalePadding(props.xAxisInnerPadding, props.xAxisPadding, 2 / 3);\n _xAxisOuterPadding = getScalePadding(props.xAxisOuterPadding, props.xAxisPadding, 0);\n }\n\n function _getMargins(_margins: Margins) {\n margins = _margins;\n }\n\n function _renderContentForBothLineAndBars(point: VerticalBarChartDataPoint): JSX.Element {\n // eslint-disable-next-line @typescript-eslint/no-shadow\n const { YValueHover, hoverXValue } = _getCalloutContentForLineAndBar(point);\n const content: JSX.Element[] = YValueHover.map((item: YValueHover, index: number) => {\n return (\n <>\n <ChartPopover\n culture={props.culture ?? 'en-us'}\n clickPosition={clickPosition}\n isPopoverOpen={isPopoverOpen}\n legend={item.legend!}\n {...(index === 0 && { XValue: `${hoverXValue || item.data}` })}\n YValue={item.data || item.y}\n color={item.color}\n isCalloutForStack={false}\n />\n </>\n );\n });\n return <>{content}</>;\n }\n\n function _renderContentForOnlyBars(_props: VerticalBarChartDataPoint): JSX.Element {\n return (\n <>\n <ChartPopover\n XValue={_props.xAxisCalloutData || (_props.x as string)}\n xCalloutValue={xCalloutValue}\n yCalloutValue={yCalloutValue}\n culture={props.culture ?? 'en-us'}\n clickPosition={clickPosition}\n isPopoverOpen={isPopoverOpen}\n legend={_props.legend!}\n YValue={_props.yAxisCalloutData || _props.y}\n color={!props.useSingleColor && _props.color ? _props.color : _createColors()(_props.y)}\n isCalloutForStack={false}\n />\n </>\n );\n }\n\n // eslint-disable-next-line @typescript-eslint/no-shadow\n function _renderCallout(props?: VerticalBarChartDataPoint): JSX.Element | null {\n return props ? (_isHavingLine ? _renderContentForBothLineAndBars(props) : _renderContentForOnlyBars(props)) : null;\n }\n\n function _getCustomizedCallout() {\n return props.onRenderCalloutPerDataPoint\n ? props.onRenderCalloutPerDataPoint(dataPointCalloutProps, _renderCallout)\n : null;\n }\n\n function _getGraphData(\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n xScale: any,\n yScale: NumericAxis,\n containerHeight: number,\n containerWidth: number,\n xElement?: SVGElement | null,\n ) {\n return (_bars =\n _xAxisType === XAxisTypes.NumericAxis\n ? _createNumericBars(containerHeight, containerWidth, xElement!)\n : _xAxisType === XAxisTypes.DateAxis\n ? _createDateBars(containerHeight, containerWidth, xElement!)\n : _createStringBars(containerHeight, containerWidth, xElement!));\n }\n\n function _createColors(): D3ScaleLinear<string, string> | ColorScale {\n const increment = _colors.length <= 1 ? 1 : 1 / (_colors.length - 1);\n const { useSingleColor = false } = props;\n if (useSingleColor) {\n return (_p?: number) => {\n const { colors } = props;\n return colors && colors.length > 0 ? colors[0] : tokens.colorPaletteBlueBackground2;\n };\n }\n const domainValues = [];\n for (let i = 0; i < _colors.length; i++) {\n domainValues.push(increment * i * _yMax);\n }\n const colorScale = d3ScaleLinear<string>().domain(domainValues).range(_colors);\n return colorScale;\n }\n\n function _refCallback(element: SVGRectElement, legendTitle: string): void {\n _refArray.push({ index: legendTitle, refElement: element });\n }\n\n function _getCalloutContentForLineAndBar(point: VerticalBarChartDataPoint): {\n YValueHover: YValueHover[];\n hoverXValue: string | number | undefined;\n } {\n // eslint-disable-next-line @typescript-eslint/no-shadow\n const YValueHover: YValueHover[] = [];\n const { useSingleColor = false } = props;\n const { data, lineLegendText, lineLegendColor = tokens.colorPaletteYellowBackground1 } = props;\n const selectedPoint = data!.filter((xDataPoint: VerticalBarChartDataPoint) => xDataPoint.x === point.x);\n // Check if the line legend is highlighted or no legend is highlighted\n if (\n _isHavingLine &&\n selectedPoint[0].lineData?.y !== undefined &&\n (_legendHighlighted(lineLegendText) || _noLegendHighlighted())\n ) {\n // Add callout data for the line\n YValueHover.push({\n legend: lineLegendText,\n color: lineLegendColor,\n y: selectedPoint[0].lineData?.y,\n data: selectedPoint[0].lineData?.yAxisCalloutData,\n yAxisCalloutData: selectedPoint[0].lineData?.yAxisCalloutData,\n });\n }\n // Check if the bar legend is highlighted or no legend is highlighted\n if (selectedPoint[0].legend && (selectedLegends.includes(selectedPoint[0].legend) || _noLegendHighlighted())) {\n // Add callout data for the bar\n YValueHover.push({\n legend: selectedPoint[0].legend,\n y: selectedPoint[0].y,\n color: !useSingleColor\n ? selectedPoint[0].color\n ? selectedPoint[0].color\n : _createColors()(selectedPoint[0].y)\n : _createColors()(1),\n data: selectedPoint[0].yAxisCalloutData,\n yAxisCalloutData: selectedPoint[0].yAxisCalloutData,\n });\n }\n // eslint-disable-next-line @typescript-eslint/no-shadow\n const hoverXValue = point.x instanceof Date ? point.x.toLocaleString() : point.x.toString();\n return {\n YValueHover,\n hoverXValue: point.xAxisCalloutData || hoverXValue,\n };\n }\n\n function _onBarHover(\n point: VerticalBarChartDataPoint,\n // eslint-disable-next-line @typescript-eslint/no-shadow\n color: string,\n mouseEvent: React.MouseEvent<SVGElement>,\n ): void {\n mouseEvent.persist();\n\n // eslint-disable-next-line @typescript-eslint/no-shadow\n const { YValueHover, hoverXValue } = _getCalloutContentForLineAndBar(point);\n if (_calloutAnchorPoint !== point) {\n _calloutAnchorPoint = point;\n /** Show the callout if highlighted bar is hovered and Hide it if unhighlighted bar is hovered */\n updatePosition(mouseEvent.clientX, mouseEvent.clientY);\n setPopoverOpen(_noLegendHighlighted() || _legendHighlighted(point.legend));\n setDataForHoverCard(point.y);\n setCalloutLegend(point.legend!);\n setColor(point.color || color);\n // To display callout value, if no callout value given, taking given point.x value as a string.\n setXCalloutValue(\n point.xAxisCalloutData || (point.x instanceof Date ? point.x.toLocaleDateString() : point.x.toString()),\n );\n setDataPointCalloutProps(point);\n // Hovering over a bar should highlight corresponding line points only when no legend is selected\n setActiveXDatapoint(_noLegendHighlighted() ? point.x : null);\n setYValueHover(YValueHover);\n setHoverXValue(hoverXValue);\n setCalloutAccessibilityData(point.callOutAccessibilityData);\n }\n }\n\n function _onBarLeave(): void {\n /**/\n }\n\n function _handleChartMouseLeave(): void {\n _calloutAnchorPoint = null;\n setPopoverOpen(false);\n setActiveXDatapoint(null);\n setYValueHover([]);\n setHoverXValue('');\n }\n\n // eslint-disable-next-line @typescript-eslint/no-shadow\n function _onBarFocus(point: VerticalBarChartDataPoint, refArrayIndexNumber: number, color: string): void {\n // eslint-disable-next-line @typescript-eslint/no-shadow\n const { YValueHover, hoverXValue } = _getCalloutContentForLineAndBar(point);\n _refArray.forEach((obj: RefArrayData, index: number) => {\n if (obj.index === point.legend! && refArrayIndexNumber === index) {\n /** Show the callout if highlighted bar is hovered and Hide it if unhighlighted bar is hovered */\n setPopoverOpen(_noLegendHighlighted() || _legendHighlighted(point.legend));\n setDataForHoverCard(point.y);\n setCalloutLegend(point.legend!);\n setColor(point.color || color);\n // To display callout value, if no callout value given, taking given point.x value as a string.\n setXCalloutValue(\n point.xAxisCalloutData || (point.x instanceof Date ? point.x.toLocaleDateString() : point.x.toString()),\n );\n setYCalloutValue(point.yAxisCalloutData!);\n setDataPointCalloutProps(point);\n // Hovering over a bar should highlight corresponding line points only when no legend is selected\n setActiveXDatapoint(point.x);\n setYValueHover(YValueHover);\n setHoverXValue(hoverXValue);\n setCalloutAccessibilityData(point.callOutAccessibilityData);\n }\n });\n }\n\n function _lineHover(point: VerticalBarChartDataPoint, mouseEvent: React.MouseEvent<SVGElement>) {\n mouseEvent.persist();\n _lineHoverFocus(point, mouseEvent);\n }\n\n function _lineFocus(point: VerticalBarChartDataPoint, ref: { refElement: SVGCircleElement | null }) {\n if (ref.refElement) {\n _lineHoverFocus(point, ref.refElement);\n }\n }\n\n function _lineHoverFocus(\n point: VerticalBarChartDataPoint,\n _refSelected: React.MouseEvent<SVGElement> | SVGCircleElement,\n ) {\n const { lineLegendText = '', lineLegendColor = tokens.colorPaletteYellowBackground1 } = props;\n setPopoverOpen(_noLegendHighlighted() || _legendHighlighted(lineLegendText));\n setCalloutLegend(lineLegendText);\n setDataForHoverCard(point.lineData!.y);\n setColor(lineLegendColor);\n setXCalloutValue(\n point.xAxisCalloutData || (point.x instanceof Date ? point.x.toLocaleDateString() : point.x.toString()),\n );\n setYCalloutValue(point.lineData!.yAxisCalloutData);\n setDataPointCalloutProps(point);\n setActiveXDatapoint(point.x);\n }\n\n function _getScales(\n containerHeight: number,\n containerWidth: number,\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ): { xBarScale: any; yBarScale: any } {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n let xBarScale: any;\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const yBarScale: any = d3ScaleLinear()\n .domain([_yMin, _yMax])\n .range([0, containerHeight - margins.bottom! - margins.top!]);\n\n if (_xAxisType === XAxisTypes.NumericAxis) {\n const xMax = d3Max(_points, (point: VerticalBarChartDataPoint) => point.x as number)!;\n const xMin = d3Min(_points, (point: VerticalBarChartDataPoint) => point.x as number)!;\n xBarScale = d3ScaleLinear()\n .domain(_useRtl ? [xMax, xMin] : [xMin, xMax])\n .nice()\n .range([margins.left! + _domainMargin, containerWidth - margins.right! - _domainMargin]);\n } else if (_xAxisType === XAxisTypes.DateAxis) {\n const sDate = d3Min(_points, (point: VerticalBarChartDataPoint) => point.x as Date)!;\n const lDate = d3Max(_points, (point: VerticalBarChartDataPoint) => point.x as Date)!;\n xBarScale = d3ScaleUtc()\n .domain([sDate, lDate])\n .range(\n _useRtl\n ? [containerWidth - margins.right! - _domainMargin, margins.left! + _domainMargin]\n : [margins.left! + _domainMargin, containerWidth - margins.right! - _domainMargin],\n );\n } else {\n xBarScale = d3ScaleBand()\n .domain(_xAxisLabels)\n .range(\n _useRtl\n ? [containerWidth - margins.right! - _domainMargin, margins.left! + _domainMargin]\n : [margins.left! + _domainMargin, containerWidth - margins.right! - _domainMargin],\n )\n .paddingInner(_xAxisInnerPadding)\n .paddingOuter(_xAxisOuterPadding);\n }\n\n return { xBarScale, yBarScale };\n }\n\n const classes = useVerticalBarChartStyles(props);\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n function _calculateMinBarHeight(yMin: number, yMax: number, yReferencePoint: number, yBarScale: any): number {\n const maxHeightFromBaseline =\n yMax < 0\n ? Math.abs(yMin - yReferencePoint)\n : Math.max(Math.abs(yMax - yReferencePoint), Math.abs(yMin - yReferencePoint));\n return Math.ceil(yBarScale(maxHeightFromBaseline) / 100.0);\n }\n\n function _createNumericBars(containerHeight: number, containerWidth: number, xElement: SVGElement): JSX.Element[] {\n const { useSingleColor = false } = props;\n const { xBarScale, yBarScale } = _getScales(containerHeight, containerWidth);\n const colorScale = _createColors();\n const yReferencePoint = _yMax < 0 ? _yMax : 0;\n const bars = _points.map((point: VerticalBarChartDataPoint, index: number) => {\n const shouldHighlight = _legendHighlighted(point.legend!) || _noLegendHighlighted() ? true : false;\n\n let barHeight: number = yBarScale(point.y) - yBarScale(yReferencePoint);\n const isHeightNegative = barHeight < 0;\n barHeight = Math.abs(barHeight);\n // Calculate threshold for minimum visible bar height\n const minBarHeight = _calculateMinBarHeight(_yMin, _yMax, yReferencePoint, yBarScale);\n let adjustedBarHeight = barHeight;\n\n if (barHeight === 0) {\n return <React.Fragment key={point.x as string}> </React.Fragment>;\n }\n // Adjust bar height if it's smaller than the threshold\n else if (barHeight <= minBarHeight) {\n adjustedBarHeight = minBarHeight;\n }\n const xPoint = xBarScale(point.x as number) - _barWidth / 2;\n const yPoint =\n containerHeight -\n margins.bottom! -\n (isHeightNegative ? -1 * adjustedBarHeight : adjustedBarHeight) -\n yBarScale(yReferencePoint);\n const baselineHeight = containerHeight - margins.bottom! - yBarScale(yReferencePoint);\n return (\n <g key={`${point.x}_${index}` as string}>\n <rect\n id={`${_vbcBarId}-${index}`}\n x={xPoint}\n y={!isHeightNegative ? yPoint : baselineHeight}\n width={_barWidth}\n data-is-focusable={!props.hideTooltip && shouldHighlight}\n height={adjustedBarHeight}\n ref={(e: SVGRectElement) => {\n _refCallback(e, point.legend!);\n }}\n onClick={point.onClick}\n onMouseOver={event => _onBarHover(point, colorScale(point.y), event)}\n aria-label={_getAriaLabel(point)}\n role=\"img\"\n onMouseLeave={_onBarLeave}\n onFocus={_onBarFocus.bind(point, index, colorScale(point.y))}\n onBlur={_onBarLeave}\n fill={point.color && !useSingleColor ? point.color : colorScale(point.y)}\n tabIndex={point.legend !== '' ? 0 : undefined}\n opacity={shouldHighlight ? 1 : 0.1}\n rx={props.roundCorners ? 3 : 0}\n />\n {_renderBarLabel(xPoint, yPoint, point.y, point.legend!, isHeightNegative)}\n </g>\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 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(xBarScale);\n try {\n // eslint-disable-next-line 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 xAxis: xAxisElement,\n };\n xAxisElement && tooltipOfXAxislabels(tooltipProps);\n }\n return bars;\n }\n\n function _createStringBars(containerHeight: number, containerWidth: number, xElement: SVGElement): JSX.Element[] {\n const { xBarScale, yBarScale } = _getScales(containerHeight, containerWidth);\n const colorScale = _createColors();\n const yReferencePoint = _yMax < 0 ? _yMax : 0;\n const bars = _points.map((point: VerticalBarChartDataPoint, index: number) => {\n const shouldHighlight = _legendHighlighted(point.legend!) || _noLegendHighlighted() ? true : false;\n let barHeight: number = yBarScale(point.y) - yBarScale(yReferencePoint);\n const isHeightNegative = barHeight < 0;\n barHeight = Math.abs(barHeight);\n // Calculate threshold for minimum visible bar height\n const minBarHeight = _calculateMinBarHeight(_yMin, _yMax, yReferencePoint, yBarScale);\n let adjustedBarHeight = barHeight;\n\n if (barHeight === 0) {\n return <React.Fragment key={point.x as string}> </React.Fragment>;\n }\n // Adjust bar height if it's smaller than the threshold\n else if (barHeight <= minBarHeight) {\n adjustedBarHeight = minBarHeight;\n }\n const xPoint = xBarScale(point.x);\n const yPoint =\n containerHeight -\n margins.bottom! -\n (isHeightNegative ? -1 * adjustedBarHeight : adjustedBarHeight) -\n yBarScale(yReferencePoint);\n const baselineHeight = containerHeight - margins.bottom! - yBarScale(yReferencePoint);\n // Setting the bar width here is safe because there are no dependencies earlier in the code\n // that rely on the width of bars in vertical bar charts with string x-axis.\n _barWidth = getBarWidth(props.barWidth, props.maxBarWidth, xBarScale.bandwidth());\n return (\n <g\n key={point.x instanceof Date ? `${point.x.getTime()}_${index}` : `${point.x}_${index}`}\n transform={`translate(${0.5 * (xBarScale.bandwidth() - _barWidth)}, 0)`}\n >\n <rect\n id={`${_vbcBarId}-${index}`}\n x={xPoint}\n y={!isHeightNegative ? yPoint : baselineHeight}\n width={_barWidth}\n height={adjustedBarHeight}\n aria-label={_getAriaLabel(point)}\n role=\"img\"\n ref={(e: SVGRectElement) => {\n _refCallback(e, point.legend!);\n }}\n onClick={point.onClick}\n onMouseOver={event => _onBarHover(point, colorScale(point.y), event)}\n onMouseLeave={_onBarLeave}\n onBlur={_onBarLeave}\n data-is-focusable={!props.hideTooltip && shouldHighlight}\n onFocus={_onBarFocus.bind(point, index, colorScale(point.y))}\n fill={point.color ? point.color : colorScale(point.y)}\n tabIndex={point.legend !== '' ? 0 : undefined}\n rx={props.roundCorners ? 3 : 0}\n opacity={shouldHighlight ? 1 : 0.1}\n />\n {_renderBarLabel(xPoint, yPoint, point.y, point.legend!, isHeightNegative)}\n </g>\n );\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 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(xBarScale);\n try {\n // eslint-disable-next-line 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 xAxis: xAxisElement,\n showTooltip: props.showXAxisLablesTooltip,\n };\n xAxisElement && tooltipOfXAxislabels(tooltipProps);\n }\n return bars;\n }\n\n function _createDateBars(containerHeight: number, containerWidth: number, xElement: SVGElement): JSX.Element[] {\n const { useSingleColor = false } = props;\n const { xBarScale, yBarScale } = _getScales(containerHeight, containerWidth);\n const colorScale = _createColors();\n const yReferencePoint = _yMax < 0 ? _yMax : 0;\n const bars = _points.map((point: VerticalBarChartDataPoint, index: number) => {\n const shouldHighlight = _legendHighlighted(point.legend!) || _noLegendHighlighted() ? true : false;\n let barHeight: number = yBarScale(point.y) - yBarScale(yReferencePoint);\n const isHeightNegative = barHeight < 0;\n barHeight = Math.abs(barHeight);\n // Calculate threshold for minimum visible bar height\n const minBarHeight = _calculateMinBarHeight(_yMin, _yMax, yReferencePoint, yBarScale);\n let adjustedBarHeight = barHeight;\n\n if (barHeight === 0) {\n return <React.Fragment key={point.x as string}> </React.Fragment>;\n }\n // Adjust bar height if it's smaller than the threshold\n else if (barHeight <= minBarHeight) {\n adjustedBarHeight = minBarHeight;\n }\n const xPoint = xBarScale(point.x as number) - _barWidth / 2;\n const yPoint =\n containerHeight -\n margins.bottom! -\n (isHeightNegative ? -1 * adjustedBarHeight : adjustedBarHeight) -\n yBarScale(yReferencePoint);\n const baselineHeight = containerHeight - margins.bottom! - yBarScale(yReferencePoint);\n return (\n <g key={point.x instanceof Date ? `${point.x.getTime()}_${index}` : `${point.x}_${index}`}>\n <rect\n id={`${_vbcBarId}-${index}`}\n x={xPoint}\n className={classes.opacityChangeOnHover}\n y={!isHeightNegative ? yPoint : baselineHeight}\n width={_barWidth}\n data-is-focusable={!props.hideTooltip && shouldHighlight}\n height={adjustedBarHeight}\n ref={(e: SVGRectElement) => {\n _refCallback(e, point.legend!);\n }}\n onClick={point.onClick}\n onMouseOver={event => _onBarHover(point, colorScale(point.y), event)}\n aria-label={_getAriaLabel(point)}\n role=\"img\"\n onMouseLeave={_onBarLeave}\n onFocus={_onBarFocus.bind(point, index, colorScale(point.y))}\n onBlur={_onBarLeave}\n fill={point.color && !useSingleColor ? point.color : colorScale(point.y)}\n tabIndex={point.legend !== '' ? 0 : undefined}\n rx={props.roundCorners ? 3 : 0}\n opacity={shouldHighlight ? 1 : 0.1}\n />\n {_renderBarLabel(xPoint, yPoint, point.y, point.legend!, isHeightNegative)}\n </g>\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 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(xBarScale);\n try {\n // eslint-disable-next-line 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 xAxis: xAxisElement,\n };\n xAxisElement && tooltipOfXAxislabels(tooltipProps);\n }\n return bars;\n }\n\n function _onLegendHover(legendTitle: string): void {\n setActiveLegend(legendTitle);\n }\n\n function _onLegendLeave(): void {\n setActiveLegend(undefined);\n }\n\n function _getLegendData(data: VerticalBarChartDataPoint[]): JSX.Element {\n const { useSingleColor } = props;\n const { lineLegendText, lineLegendColor = tokens.colorPaletteYellowForeground1 } = props;\n const actions: Legend[] = [];\n const mapLegendToColor: Record<string, string> = {};\n data.forEach((point: VerticalBarChartDataPoint, _index: number) => {\n // eslint-disable-next-line @typescript-eslint/no-shadow\n const color: string = !useSingleColor ? point.color! : _createColors()(1);\n mapLegendToColor[point.legend!] = color;\n });\n Object.entries(mapLegendToColor).forEach(([legendTitle, color]) => {\n // mapping data to the format Legends component needs\n const legend: Legend = {\n title: legendTitle,\n color,\n hoverAction: () => {\n _handleChartMouseLeave();\n _onLegendHover(legendTitle);\n },\n onMouseOutAction: () => {\n _onLegendLeave();\n },\n };\n actions.push(legend);\n });\n if (_isHavingLine && lineLegendText && lineLegendColor) {\n const lineLegend: Legend = {\n title: lineLegendText,\n color: lineLegendColor,\n hoverAction: () => {\n _handleChartMouseLeave();\n _onLegendHover(lineLegendText);\n },\n onMouseOutAction: () => {\n _onLegendLeave();\n },\n isLineLegendInBarChart: true,\n };\n actions.unshift(lineLegend);\n }\n const legends = (\n <Legends\n legends={actions}\n enabledWrapLines={props.enabledLegendsWrapLines}\n overflowText={props.legendsOverflowText}\n {...props.legendProps}\n selectedLegends={selectedLegends}\n onChange={_onLegendSelectionChange}\n />\n );\n return legends;\n }\n\n function _onLegendSelectionChange(\n legendsSelected: string[],\n event: React.MouseEvent<HTMLButtonElement>,\n currentLegend?: Legend,\n ): void {\n if (props.legendProps?.canSelectMultipleLegends) {\n setSelectedLegends(legendsSelected);\n } else {\n setSelectedLegends(legendsSelected.slice(-1));\n }\n\n if (props.legendProps?.onChange) {\n props.legendProps.onChange(legendsSelected, event, currentLegend);\n }\n }\n\n function _getAxisData(yAxisData: IAxisData) {\n if (yAxisData && yAxisData.yAxisDomainValues.length) {\n const { yAxisDomainValues: domainValue } = yAxisData;\n _yMax = Math.max(domainValue[domainValue.length - 1], props.yMaxValue || 0);\n _yMin = Math.min(domainValue[0], props.yMinValue || 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(legendTitle: string | undefined): boolean {\n return _getHighlightedLegend().includes(legendTitle!);\n }\n\n /**\n * This function checks if none of the legends is selected or hovered.\n */\n function _noLegendHighlighted(): boolean {\n return _getHighlightedLegend().length === 0;\n }\n\n function _getHighlightedLegend() {\n return selectedLegends.length > 0 ? selectedLegends : activeLegend ? [activeLegend] : [];\n }\n\n function _getAriaLabel(point: VerticalBarChartDataPoint): string {\n const xValue = point.xAxisCalloutData\n ? point.xAxisCalloutData\n : point.x instanceof Date\n ? point.x.toLocaleString()\n : point.x;\n const legend = point.legend;\n const yValue = point.yAxisCalloutData || point.y;\n const lineLegend = props.lineLegendText || 'Line';\n const lineYValue = point.lineData?.yAxisCalloutData || point.lineData?.y;\n return (\n point.callOutAccessibilityData?.ariaLabel ||\n `${xValue}. ` +\n (legend ? `${legend}, ` : '') +\n `${yValue}.` +\n (typeof lineYValue !== 'undefined' ? ` ${lineLegend}, ${lineYValue}.` : '')\n );\n }\n\n function _renderBarLabel(xPoint: number, yPoint: number, barValue: number, legend: string, isNegativeBar: boolean) {\n if (props.hideLabels || _barWidth < 16 || !(_legendHighlighted(legend) || _noLegendHighlighted())) {\n return null;\n }\n\n return (\n <text\n x={xPoint + _barWidth / 2}\n y={isNegativeBar ? yPoint + 12 : yPoint - 6}\n textAnchor=\"middle\"\n className={classes.barLabel}\n aria-hidden={true}\n >\n {typeof props.yAxisTickFormat === 'function'\n ? props.yAxisTickFormat(barValue)\n : formatScientificLimitWidth(barValue)}\n </text>\n );\n }\n\n function _getDomainMargins(containerWidth: number): Margins {\n _domainMargin = MIN_DOMAIN_MARGIN;\n\n /** Total width available to render the bars */\n const totalWidth = containerWidth - (margins.left! + MIN_DOMAIN_MARGIN) - (margins.right! + MIN_DOMAIN_MARGIN);\n /** Rate at which the space between the bars changes wrt the bar width */\n const barGapRate = _xAxisInnerPadding / (1 - _xAxisInnerPadding);\n\n if (_xAxisType === XAxisTypes.StringAxis) {\n if (isScalePaddingDefined(props.xAxisOuterPadding, props.xAxisPadding)) {\n // Setting the domain margin for string x-axis to 0 because the xAxisOuterPadding prop is now available\n // to adjust the space before the first bar and after the last bar.\n _domainMargin = 0;\n } else if (props.barWidth !== 'auto') {\n // Update the bar width so that when CartesianChart rerenders,\n // the following calculations don't use the previous bar width.\n _barWidth = getBarWidth(props.barWidth, props.maxBarWidth);\n /** Total width required to render the bars. Directly proportional to bar width */\n const reqWidth = (_xAxisLabels.length + (_xAxisLabels.length - 1) * barGapRate) * _barWidth;\n\n if (totalWidth >= reqWidth) {\n // Center align the chart by setting equal left and right margins for domain\n _domainMargin = MIN_DOMAIN_MARGIN + (totalWidth - reqWidth) / 2;\n }\n } else if (props.mode === 'plotly' && _xAxisLabels.length > 1) {\n // Calculate the remaining width after rendering bars at their maximum allowable width\n const bandwidth = totalWidth / (_xAxisLabels.length + (_xAxisLabels.length - 1) * barGapRate);\n const barWidth = getBarWidth(props.barWidth, props.maxBarWidth, bandwidth);\n let reqWidth = (_xAxisLabels.length + (_xAxisLabels.length - 1) * barGapRate) * barWidth;\n const margin1 = (totalWidth - reqWidth) / 2;\n\n // Calculate the remaining width after accounting for the space required to render x-axis labels\n const step = calculateLongestLabelWidth(_xAxisLabels) + 20;\n reqWidth = (_xAxisLabels.length - _xAxisInnerPadding) * step;\n const margin2 = (totalWidth - reqWidth) / 2;\n\n _domainMargin = MIN_DOMAIN_MARGIN + Math.max(0, Math.min(margin1, margin2));\n }\n } else {\n const uniqueX: Record<number, number | Date> = {};\n props.data?.forEach(point => {\n if (point.x instanceof Date) {\n uniqueX[point.x.getTime()] = point.x;\n } else {\n uniqueX[point.x as number] = point.x as number;\n }\n });\n const data = Object.values(uniqueX) as number[] | Date[];\n _barWidth = getBarWidth(props.barWidth, props.maxBarWidth, calculateAppropriateBarWidth(data, totalWidth));\n _domainMargin = MIN_DOMAIN_MARGIN + _barWidth / 2;\n }\n\n return {\n ...margins,\n left: margins.left! + _domainMargin,\n right: margins.right! + _domainMargin,\n };\n }\n\n function _isChartEmpty(): boolean {\n return _points.length === 0 || (_points.every(point => point.y === 0) && !_isHavingLine);\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 _adjustProps();\n _xAxisLabels = _points.map((point: VerticalBarChartDataPoint) => point.x as string);\n _yMax = Math.max(d3Max(_points, (point: VerticalBarChartDataPoint) => point.y)!, props.yMaxValue || 0);\n _yMin = Math.min(d3Min(_points, (point: VerticalBarChartDataPoint) => point.y)!, props.yMinValue || 0);\n const legendBars: JSX.Element = _getLegendData(_points);\n const calloutProps = {\n ...(_isHavingLine && {\n YValueHover: hoveredYValues,\n hoverXValue: hoverXValue,\n }),\n color: color,\n legend: calloutLegend,\n XValue: xCalloutValue,\n YValue: yCalloutValue ? yCalloutValue : dataForHoverCard,\n ...props.calloutProps,\n ...getAccessibleDataObject(callOutAccessibilityData),\n clickPosition: clickPosition,\n isPopoverOpen: isPopoverOpen,\n isCalloutForStack: _isHavingLine && (_noLegendHighlighted() || _getHighlightedLegend().length > 1),\n culture: props.culture ?? 'en-us',\n isCartesian: true,\n customCallout: {\n customizedCallout: _getCustomizedCallout() != null ? _getCustomizedCallout()! : undefined,\n customCalloutProps: props.calloutPropsPerDataPoint\n ? props.calloutPropsPerDataPoint(dataPointCalloutProps!)\n : undefined,\n },\n };\n\n const tickParams = {\n tickValues: props.tickValues,\n tickFormat: props.tickFormat,\n };\n return !_isChartEmpty() ? (\n <CartesianChart\n {...props}\n points={_points}\n chartType={ChartTypes.VerticalBarChart}\n xAxisType={_xAxisType}\n calloutProps={calloutProps}\n tickParams={tickParams}\n {...(_isHavingLine && _noLegendHighlighted() && { isCalloutForStack: true })}\n legendBars={legendBars}\n datasetForXAxisDomain={_xAxisLabels}\n barwidth={_barWidth}\n getmargins={_getMargins}\n getGraphData={_getGraphData}\n getAxisData={_getAxisData}\n onChartMouseLeave={_handleChartMouseLeave}\n getDomainMargins={_getDomainMargins}\n {...(_xAxisType === XAxisTypes.StringAxis && {\n xAxisInnerPadding: _xAxisInnerPadding,\n xAxisOuterPadding: _xAxisOuterPadding,\n })}\n componentRef={cartesianChartRef}\n /* eslint-disable react/jsx-no-bind */\n // eslint-disable-next-line react/no-children-prop\n children={(props: ChildProps) => {\n return (\n <>\n <g>{_bars}</g>\n {_isHavingLine && (\n <g>\n {_createLine(\n props.xScale!,\n props.yScalePrimary!,\n props.containerHeight,\n props.containerWidth,\n props.yScaleSecondary,\n )}\n </g>\n )}\n </>\n );\n }}\n />\n ) : (\n <div id={_emptyChartId} role={'alert'} style={{ opacity: '0' }} aria-label={'Graph has no data to display'} />\n );\n});\nVerticalBarChart.displayName = 'VerticalBarChart';\n"],"names":["React","useVerticalBarChartStyles","max","d3Max","min","d3Min","line","d3Line","select","d3Select","scaleLinear","d3ScaleLinear","scaleBand","d3ScaleBand","scaleUtc","d3ScaleUtc","useId","tokens","CartesianChart","Legends","ChartPopover","ChartTypes","getAccessibleDataObject","XAxisTypes","getTypeOfAxis","tooltipOfXAxislabels","formatScientificLimitWidth","getBarWidth","getScalePadding","isScalePaddingDefined","calculateAppropriateBarWidth","useRtl","areArraysEqual","calculateLongestLabelWidth","CircleVisbility","MIN_DOMAIN_MARGIN","VerticalBarChart","forwardRef","props","forwardedRef","_points","_barWidth","_colors","_refArray","margins","_useRtl","_bars","_xAxisLabels","_yMax","_yMin","_isHavingLine","_checkForLine","_tooltipId","_xAxisType","data","length","x","StringAxis","_calloutAnchorPoint","_domainMargin","_emptyChartId","_vbcLineId","_vbcPointId","_vbcBarId","_xAxisInnerPadding","_xAxisOuterPadding","cartesianChartRef","useRef","color","setColor","useState","dataForHoverCard","setDataForHoverCard","activeLegend","setActiveLegend","undefined","xCalloutValue","setXCalloutValue","yCalloutValue","setYCalloutValue","activeXdataPoint","setActiveXDatapoint","hoveredYValues","setYValueHover","hoverXValue","setHoverXValue","calloutLegend","setCalloutLegend","callOutAccessibilityData","setCalloutAccessibilityData","dataPointCalloutProps","setDataPointCalloutProps","clickPosition","setClickPosition","y","isPopoverOpen","setPopoverOpen","selectedLegends","setSelectedLegends","legendProps","prevPropsRef","useImperativeHandle","componentRef","chartContainer","current","useEffect","prevProps","height","width","_adjustProps","_createLine","xScale","yScalePrimary","containerHeight","containerWidth","yScaleSecondary","isStringAxis","colorScale","_createColors","lineLegendColor","colorPaletteYellowBackground1","lineLegendText","lineData","forEach","item","index","push","useSecondaryYScale","point","linePath","d","bandwidth","shouldHighlight","_legendHighlighted","_noLegendHighlighted","lineBorderWidth","lineOptions","Number","parseFloat","toString","path","key","id","opacity","fill","strokeLinecap","strokeWidth","className","classes","lineBorder","stroke","dots","map","circleRef","refElement","circle","cx","cy","onMouseOver","event","_lineHover","_onBarHover","onMouseOut","_onBarLeave","r","_getCircleVisibilityAndRadius","radius","colorNeutralBackground1","visibility","onClick","data-is-focusable","ref","e","onFocus","_lineFocus","bind","onBlur","_handleChartMouseLeave","xAxisPoint","legend","some","barWidth","maxBarWidth","defaultColors","colorPaletteBlueForeground2","colorPaletteCornflowerForeground2","colorPaletteDarkGreenForeground2","colorPaletteNavyForeground2","colorPaletteDarkOrangeForeground2","colors","xAxisInnerPadding","xAxisPadding","xAxisOuterPadding","_getMargins","_margins","_renderContentForBothLineAndBars","YValueHover","_getCalloutContentForLineAndBar","content","culture","XValue","YValue","isCalloutForStack","_renderContentForOnlyBars","_props","xAxisCalloutData","yAxisCalloutData","useSingleColor","_renderCallout","_getCustomizedCallout","onRenderCalloutPerDataPoint","_getGraphData","yScale","xElement","NumericAxis","_createNumericBars","DateAxis","_createDateBars","_createStringBars","increment","_p","colorPaletteBlueBackground2","domainValues","i","domain","range","_refCallback","element","legendTitle","selectedPoint","filter","xDataPoint","includes","Date","toLocaleString","mouseEvent","persist","updatePosition","clientX","clientY","toLocaleDateString","_onBarFocus","refArrayIndexNumber","obj","_lineHoverFocus","_refSelected","_getScales","xBarScale","yBarScale","bottom","top","xMax","xMin","nice","left","right","sDate","lDate","paddingInner","paddingOuter","_calculateMinBarHeight","yMin","yMax","yReferencePoint","maxHeightFromBaseline","Math","abs","ceil","bars","barHeight","isHeightNegative","minBarHeight","adjustedBarHeight","Fragment","xPoint","yPoint","baselineHeight","g","rect","hideTooltip","aria-label","_getAriaLabel","role","onMouseLeave","tabIndex","rx","roundCorners","_renderBarLabel","showXAxisLablesTooltip","document","getElementById","remove","wrapXAxisLables","xAxisElement","call","tooltipProps","tooltipCls","tooltip","xAxis","getTime","transform","showTooltip","opacityChangeOnHover","_onLegendHover","_onLegendLeave","_getLegendData","colorPaletteYellowForeground1","actions","mapLegendToColor","_index","Object","entries","title","hoverAction","onMouseOutAction","lineLegend","isLineLegendInBarChart","unshift","legends","enabledWrapLines","enabledLegendsWrapLines","overflowText","legendsOverflowText","onChange","_onLegendSelectionChange","legendsSelected","currentLegend","canSelectMultipleLegends","slice","_getAxisData","yAxisData","yAxisDomainValues","domainValue","yMaxValue","yMinValue","_getHighlightedLegend","xValue","yValue","lineYValue","ariaLabel","barValue","isNegativeBar","hideLabels","text","textAnchor","barLabel","aria-hidden","yAxisTickFormat","_getDomainMargins","totalWidth","barGapRate","reqWidth","mode","margin1","step","margin2","uniqueX","values","_isChartEmpty","every","newX","newY","threshold","distance","sqrt","pow","legendBars","calloutProps","isCartesian","customCallout","customizedCallout","customCalloutProps","calloutPropsPerDataPoint","tickParams","tickValues","tickFormat","points","chartType","xAxisType","datasetForXAxisDomain","barwidth","getmargins","getGraphData","getAxisData","onChartMouseLeave","getDomainMargins","children","div","style","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
|
|
@@ -6,7 +6,7 @@ import { scaleLinear as d3ScaleLinear, scaleBand as d3ScaleBand, scaleUtc as d3S
|
|
|
6
6
|
import { useId } from '@fluentui/react-utilities';
|
|
7
7
|
import { tokens } from '@fluentui/react-theme';
|
|
8
8
|
import { CartesianChart, ChartPopover, Legends } from '../../index';
|
|
9
|
-
import { ChartTypes, getAccessibleDataObject, XAxisTypes, getTypeOfAxis, tooltipOfXAxislabels, formatScientificLimitWidth, getBarWidth, getScalePadding, isScalePaddingDefined, calculateAppropriateBarWidth, formatDate, areArraysEqual, calculateLongestLabelWidth, useRtl, DataVizPalette, getColorFromToken } from '../../utilities/index';
|
|
9
|
+
import { ChartTypes, getAccessibleDataObject, XAxisTypes, getTypeOfAxis, tooltipOfXAxislabels, formatScientificLimitWidth, getBarWidth, getScalePadding, isScalePaddingDefined, calculateAppropriateBarWidth, formatDate, areArraysEqual, calculateLongestLabelWidth, useRtl, DataVizPalette, getColorFromToken, findVSBCNumericMinMaxOfY } from '../../utilities/index';
|
|
10
10
|
const barGapMultiplier = 0.2;
|
|
11
11
|
const barGapMin = 1;
|
|
12
12
|
const MIN_DOMAIN_MARGIN = 8;
|
|
@@ -31,11 +31,13 @@ export const VerticalStackedBarChart = (props)=>{
|
|
|
31
31
|
let _margins;
|
|
32
32
|
let _lineObject;
|
|
33
33
|
let _yMax;
|
|
34
|
+
let _yMin;
|
|
34
35
|
let _calloutAnchorPoint;
|
|
35
36
|
let _domainMargin = MIN_DOMAIN_MARGIN;
|
|
36
37
|
let _xAxisInnerPadding = 0;
|
|
37
38
|
let _xAxisOuterPadding = 0;
|
|
38
39
|
const cartesianChartRef = React.useRef(null);
|
|
40
|
+
const Y_ORIGIN = 0;
|
|
39
41
|
const [selectedLegends, setSelectedLegends] = React.useState(((_props_legendProps = props.legendProps) === null || _props_legendProps === void 0 ? void 0 : _props_legendProps.selectedLegends) || []);
|
|
40
42
|
const [activeLegend, setActiveLegend] = React.useState(undefined);
|
|
41
43
|
const [dataForHoverCard, setDataForHoverCard] = React.useState(0);
|
|
@@ -265,7 +267,8 @@ export const VerticalStackedBarChart = (props)=>{
|
|
|
265
267
|
function _getAxisData(yAxisData) {
|
|
266
268
|
if (yAxisData && yAxisData.yAxisDomainValues.length) {
|
|
267
269
|
const { yAxisDomainValues: domainValue } = yAxisData;
|
|
268
|
-
_yMax = Math.max(domainValue[domainValue.length - 1], props.yMaxValue ||
|
|
270
|
+
_yMax = Math.max(domainValue[domainValue.length - 1], props.yMaxValue || Y_ORIGIN);
|
|
271
|
+
_yMin = Math.min(domainValue[0], props.yMinValue || Y_ORIGIN);
|
|
269
272
|
}
|
|
270
273
|
}
|
|
271
274
|
/**
|
|
@@ -357,7 +360,7 @@ export const VerticalStackedBarChart = (props)=>{
|
|
|
357
360
|
});
|
|
358
361
|
return lineLegends;
|
|
359
362
|
}
|
|
360
|
-
function _createLines(xScale,
|
|
363
|
+
function _createLines(xScale, yScalePrimary, containerHeight, containerWidth, yScaleSecondary) {
|
|
361
364
|
var _props_lineOptions;
|
|
362
365
|
const lineObject = _getFormattedLineData(props.data);
|
|
363
366
|
const lines = [];
|
|
@@ -371,10 +374,10 @@ export const VerticalStackedBarChart = (props)=>{
|
|
|
371
374
|
for(let i = 1; i < lineObject[item].length; i++){
|
|
372
375
|
var _lineObject_item__lineOptions, _lineObject_item__lineOptions1, _lineObject_item__lineOptions2;
|
|
373
376
|
const x1 = xScale(lineObject[item][i - 1].xItem.xAxisPoint);
|
|
374
|
-
const useSecondaryYScale = lineObject[item][i - 1].useSecondaryYScale && lineObject[item][i].useSecondaryYScale &&
|
|
375
|
-
const y1 = useSecondaryYScale ?
|
|
377
|
+
const useSecondaryYScale = lineObject[item][i - 1].useSecondaryYScale && lineObject[item][i].useSecondaryYScale && yScaleSecondary;
|
|
378
|
+
const y1 = useSecondaryYScale ? yScaleSecondary(lineObject[item][i - 1].y) : yScalePrimary(lineObject[item][i - 1].y);
|
|
376
379
|
const x2 = xScale(lineObject[item][i].xItem.xAxisPoint);
|
|
377
|
-
const y2 = useSecondaryYScale ?
|
|
380
|
+
const y2 = useSecondaryYScale ? yScaleSecondary(lineObject[item][i].y) : yScalePrimary(lineObject[item][i].y);
|
|
378
381
|
if (lineBorderWidth > 0) {
|
|
379
382
|
borderForLines.push(/*#__PURE__*/ React.createElement("line", {
|
|
380
383
|
key: `${index}-${i}-BorderLine`,
|
|
@@ -418,7 +421,7 @@ export const VerticalStackedBarChart = (props)=>{
|
|
|
418
421
|
dots.push(/*#__PURE__*/ React.createElement("circle", {
|
|
419
422
|
key: `${index}-${subIndex}-dot`,
|
|
420
423
|
cx: xScale(circlePoint.xItem.xAxisPoint),
|
|
421
|
-
cy: circlePoint.useSecondaryYScale &&
|
|
424
|
+
cy: circlePoint.useSecondaryYScale && yScaleSecondary ? yScaleSecondary(circlePoint.y) : yScalePrimary(circlePoint.y),
|
|
422
425
|
onMouseOver: _isLegendHighlighted(item) ? (event)=>_lineHover(circlePoint, event) : (event)=>_onStackHover(circlePoint.xItem, event),
|
|
423
426
|
..._isLegendHighlighted(item) && {
|
|
424
427
|
onMouseLeave: _lineHoverOut
|
|
@@ -541,7 +544,7 @@ export const VerticalStackedBarChart = (props)=>{
|
|
|
541
544
|
// When displaying gaps between the bars, the height of each bar is
|
|
542
545
|
// adjusted so that the total of all bars is not changed by the gaps
|
|
543
546
|
const totalData = bars.reduce((iter, value)=>iter + Math.abs(value.data), 0);
|
|
544
|
-
const totalHeight = defaultTotalHeight !== null && defaultTotalHeight !== void 0 ? defaultTotalHeight : yBarScale(totalData);
|
|
547
|
+
const totalHeight = defaultTotalHeight !== null && defaultTotalHeight !== void 0 ? defaultTotalHeight : Math.abs(yBarScale(totalData) - yBarScale(Y_ORIGIN));
|
|
545
548
|
let sumOfPercent = 0;
|
|
546
549
|
bars.forEach((point)=>{
|
|
547
550
|
let value = Math.abs(point.data) / totalData * 100;
|
|
@@ -557,15 +560,15 @@ export const VerticalStackedBarChart = (props)=>{
|
|
|
557
560
|
return {
|
|
558
561
|
gapHeight,
|
|
559
562
|
heightValueScale,
|
|
560
|
-
|
|
563
|
+
absStackTotal: totalData
|
|
561
564
|
};
|
|
562
565
|
}
|
|
563
566
|
function _getScales(containerHeight, containerWidth) {
|
|
564
|
-
const
|
|
565
|
-
|
|
566
|
-
|
|
567
|
-
|
|
568
|
-
|
|
567
|
+
const yDomain = [
|
|
568
|
+
Math.min(Y_ORIGIN, _yMin),
|
|
569
|
+
Math.max(Y_ORIGIN, _yMax)
|
|
570
|
+
];
|
|
571
|
+
const yBarScale = d3ScaleLinear().domain(yDomain).range([
|
|
569
572
|
0,
|
|
570
573
|
containerHeight - _margins.bottom - _margins.top
|
|
571
574
|
]);
|
|
@@ -695,18 +698,22 @@ export const VerticalStackedBarChart = (props)=>{
|
|
|
695
698
|
_barWidth = getBarWidth(props.barWidth, props.maxBarWidth, xBarScale.bandwidth());
|
|
696
699
|
}
|
|
697
700
|
const bars = _points.map((singleChartData, indexNumber)=>{
|
|
698
|
-
let yPoint = containerHeight - _margins.bottom;
|
|
699
701
|
const xPoint = xBarScale(_xAxisType === XAxisTypes.NumericAxis ? singleChartData.xAxisPoint : _xAxisType === XAxisTypes.DateAxis ? singleChartData.xAxisPoint : singleChartData.xAxisPoint);
|
|
700
702
|
const xScaleBandwidthTranslate = _xAxisType !== XAxisTypes.StringAxis ? -_barWidth / 2 : (xBarScale.bandwidth() - _barWidth) / 2;
|
|
701
703
|
let barTotalValue = 0;
|
|
702
|
-
const barsToDisplay = singleChartData.chartData.filter((point)=>point.data
|
|
704
|
+
const barsToDisplay = singleChartData.chartData.filter((point)=>point.data !== 0);
|
|
703
705
|
if (!barsToDisplay.length) {
|
|
704
706
|
return undefined;
|
|
705
707
|
}
|
|
706
|
-
const { gapHeight, heightValueScale,
|
|
708
|
+
const { gapHeight, heightValueScale, absStackTotal } = _getBarGapAndScale(barsToDisplay, yBarScale);
|
|
707
709
|
if (heightValueScale < 0) {
|
|
708
710
|
return undefined;
|
|
709
711
|
}
|
|
712
|
+
const yBaseline = containerHeight - _margins.bottom - yBarScale(Y_ORIGIN);
|
|
713
|
+
let yPositiveStart = yBaseline;
|
|
714
|
+
let yNegativeStart = yBaseline;
|
|
715
|
+
let yPoint = 0;
|
|
716
|
+
let heightOfLastBar = 0;
|
|
710
717
|
const singleBar = barsToDisplay.map((point, index)=>{
|
|
711
718
|
const startColor = point.color ? point.color : _colors[index];
|
|
712
719
|
const ref = {};
|
|
@@ -722,12 +729,22 @@ export const VerticalStackedBarChart = (props)=>{
|
|
|
722
729
|
onClick: (event)=>_onClick(point, event),
|
|
723
730
|
role: 'img'
|
|
724
731
|
};
|
|
725
|
-
let barHeight = heightValueScale * point.data;
|
|
726
|
-
|
|
727
|
-
|
|
732
|
+
let barHeight = Math.abs(heightValueScale * point.data);
|
|
733
|
+
// FIXME: The current scaling logic may produce different min and gap heights for each bar stack.
|
|
734
|
+
const minHeight = Math.max(heightValueScale * absStackTotal / 100.0, barMinimumHeight);
|
|
735
|
+
if (barHeight < minHeight) {
|
|
736
|
+
barHeight = minHeight;
|
|
737
|
+
}
|
|
738
|
+
const gapOffset = index ? gapHeight : 0;
|
|
739
|
+
if (point.data >= Y_ORIGIN) {
|
|
740
|
+
yPositiveStart -= barHeight + gapOffset;
|
|
741
|
+
yPoint = yPositiveStart;
|
|
742
|
+
} else {
|
|
743
|
+
yPoint = yNegativeStart + gapOffset;
|
|
744
|
+
yNegativeStart = yPoint + barHeight;
|
|
728
745
|
}
|
|
729
|
-
yPoint = yPoint - barHeight - (index ? gapHeight : 0);
|
|
730
746
|
barTotalValue += point.data;
|
|
747
|
+
heightOfLastBar = index === barsToDisplay.length - 1 ? barHeight : 0;
|
|
731
748
|
if (barCornerRadius && barHeight > barCornerRadius && index === barsToDisplay.length - 1) {
|
|
732
749
|
return /*#__PURE__*/ React.createElement(React.Fragment, {
|
|
733
750
|
key: index + indexNumber + `${shouldFocusWholeStack}`
|
|
@@ -808,7 +825,8 @@ export const VerticalStackedBarChart = (props)=>{
|
|
|
808
825
|
tabIndex: !props.hideTooltip ? 0 : undefined
|
|
809
826
|
}, singleBar), !props.hideLabels && _barWidth >= 16 && showLabel && /*#__PURE__*/ React.createElement("text", {
|
|
810
827
|
x: xPoint + _barWidth / 2,
|
|
811
|
-
|
|
828
|
+
//if total bar value >=0, show label above top bar, otherwise below bottom bar
|
|
829
|
+
y: barLabel >= Y_ORIGIN ? yPoint - 6 : yPoint + heightOfLastBar + 12,
|
|
812
830
|
textAnchor: "middle",
|
|
813
831
|
className: classes.barLabel,
|
|
814
832
|
"aria-label": `Total: ${barLabel}`,
|
|
@@ -837,6 +855,25 @@ export const VerticalStackedBarChart = (props)=>{
|
|
|
837
855
|
}
|
|
838
856
|
return bars.filter((bar)=>!!bar);
|
|
839
857
|
}
|
|
858
|
+
function _getMinMaxOfYAxis(dataset, yAxisType, useSecondaryYScale) {
|
|
859
|
+
if (!useSecondaryYScale) {
|
|
860
|
+
return findVSBCNumericMinMaxOfY(dataset);
|
|
861
|
+
}
|
|
862
|
+
const values = [];
|
|
863
|
+
props.data.forEach((xPoint)=>{
|
|
864
|
+
var _xPoint_lineData;
|
|
865
|
+
(_xPoint_lineData = xPoint.lineData) === null || _xPoint_lineData === void 0 ? void 0 : _xPoint_lineData.forEach((point)=>{
|
|
866
|
+
// useSecondaryYScale is applicable only for lines in VSBC
|
|
867
|
+
if (point.useSecondaryYScale) {
|
|
868
|
+
values.push(point.y);
|
|
869
|
+
}
|
|
870
|
+
});
|
|
871
|
+
});
|
|
872
|
+
return {
|
|
873
|
+
startValue: d3Min(values),
|
|
874
|
+
endValue: d3Max(values)
|
|
875
|
+
};
|
|
876
|
+
}
|
|
840
877
|
if (!_isChartEmpty()) {
|
|
841
878
|
_adjustProps();
|
|
842
879
|
const _isHavingLines = props.data.some((item)=>item.lineData && item.lineData.length > 0);
|
|
@@ -871,6 +908,7 @@ export const VerticalStackedBarChart = (props)=>{
|
|
|
871
908
|
points: _dataset,
|
|
872
909
|
chartType: ChartTypes.VerticalStackedBarChart,
|
|
873
910
|
xAxisType: _xAxisType,
|
|
911
|
+
getMinMaxOfYAxis: _getMinMaxOfYAxis,
|
|
874
912
|
calloutProps: calloutProps,
|
|
875
913
|
tickParams: tickParams,
|
|
876
914
|
legendBars: legendBars,
|
|
@@ -888,7 +926,7 @@ export const VerticalStackedBarChart = (props)=>{
|
|
|
888
926
|
},
|
|
889
927
|
componentRef: cartesianChartRef,
|
|
890
928
|
/* eslint-disable react/jsx-no-bind */ children: (props)=>{
|
|
891
|
-
return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("g", null, _bars), /*#__PURE__*/ React.createElement("g", null, _isHavingLines && _createLines(props.xScale, props.
|
|
929
|
+
return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("g", null, _bars), /*#__PURE__*/ React.createElement("g", null, _isHavingLines && _createLines(props.xScale, props.yScalePrimary, props.containerHeight, props.containerWidth, props.yScaleSecondary)));
|
|
892
930
|
}
|
|
893
931
|
});
|
|
894
932
|
}
|