Merge pull request #1970 from CDCgov/fix/new-50343-tooltip-additional-column

Fix/[new-50343] tooltip additional column

Author: Atash3000

packages/chart/src/components/BarChart/components/BarChart.Horizontal.tsx

@@ -159,7 +159,7 @@ export const BarChartHorizontal = () => {
                   let yAxisTooltip = config.runtime.yAxis.label
                     ? `${config.runtime.yAxis.label}: ${xAxisValue}`
                     : xAxisValue
-                  const additionalColTooltip = getAdditionalColumn(hoveredBar)
+                  const additionalColTooltip = getAdditionalColumn(bar.key, hoveredBar)
                   const tooltipBody = `${config.runtime.seriesLabels[bar.key]}: ${yAxisValue}`
                   const tooltip = `<ul>
                   <li class="tooltip-heading"">${yAxisTooltip}</li>

packages/chart/src/components/BarChart/components/BarChart.StackedHorizontal.tsx

@@ -76,7 +76,7 @@ const BarChartStackedHorizontal = () => {
                   ? `${config.runtime.yAxis.label}: ${yAxisValue}`
                   : yAxisValue
                 const textWidth = getTextWidth(xAxisValue)
-                const additionalColTooltip = getAdditionalColumn(hoveredBar)
+                const additionalColTooltip = getAdditionalColumn(bar.key, hoveredBar)
                 const tooltipBody = `${config.runtime.seriesLabels[bar.key]}: ${xAxisValue}`
                 const tooltip = `<ul>
                   <li class="tooltip-heading"">${yAxisTooltip}</li>

packages/chart/src/components/BarChart/components/BarChart.StackedVertical.tsx

@@ -69,7 +69,7 @@ const BarChartStackedVertical = () => {
                 const xAxisTooltip = config.runtime.xAxis.label
                   ? `${config.runtime.xAxis.label}: ${xAxisValue}`
                   : xAxisValue
-                const additionalColTooltip = getAdditionalColumn(hoveredBar)
+                const additionalColTooltip = getAdditionalColumn(bar.key, hoveredBar)
                 const tooltipBody = `${config.runtime.seriesLabels[bar.key]}: ${yAxisValue}`
                 const tooltip = `<ul>
                   <li class="tooltip-heading"">${xAxisTooltip}</li>

packages/chart/src/hooks/useBarChart.ts

@@ -200,7 +200,8 @@ export const useBarChart = () => {
         return d[config.xAxis.dataKey] === xAxisDataValue && dynamicCategoryMatch
       }) || {}
     Object.keys(columns).forEach(colKeys => {
-      if (series && config.columns[colKeys].series && config.columns[colKeys].series !== series) return
+      const colConfig = config.columns[colKeys]
+      if (series && colConfig.series && colConfig.series !== series && !colConfig.tooltips) return
       const formattingParams = {
         addColPrefix: config.columns[colKeys].prefix,
         addColSuffix: config.columns[colKeys].suffix,