[Bug]: Stacked bar chart keys truncated without hover tooltip

[danielannan17]

Relevant package(s)

• @carbon/charts
• @carbon/charts-svelte
• @carbon/charts-react
• @carbon/charts-angular
• @carbon/charts-vue
• Documentation website

Carbon Charts Version

1.20.0

Which bundler are you using?

Webpack

What happened and what did you expect to happen?

When you create a stacked bar chart with only one data group, if the group has a long name it gets truncated without any way to view the entire name in the legend. It should have a hover tooltip similar to how it works when there are multiple data groups.

Chart data and options (automatically formatted so no need for backticks)

[
  {
    group: 'A decently long data group name',
    key: 'Qty',
    value: 65000,
  },
  {
    group: 'A decently long data group name',
    key: 'More',
    value: 29123,
  },
  {
    group: 'A decently long data group name',
    key: 'Sold',
    value: 35213,
  },
  {
    group: 'A decently long data group name',
    key: 'Restocking',
    value: 51213,
  },
  {
    group: 'A decently long data group name',
    key: 'Misc',
    value: 16932,
  },
];

JavaScript console or build output (if relevant)

No response

StackBlitz repro

https://react-fz2m1y.stackblitz.io

IBM Application/Team (if relevant)

API Connect Portal

What priority level would this be in your opinion?

P3 (Low)

[SwarnalathaMunukutla]

hi would like to work on this