[Bug]: When bottom ticks are numbers it breaks the y axis on StackedBarChart

[chinanwu]

Application/Team

N/A

What happened?

I'm trying to create a Bar Stacked graph with data that has the bottom tick values as numbers. For example, if you go to the StackBlitz example from the Storybook (e.g. https://charts.carbondesignsystem.com/react/?path=/story/simple-charts-bar-stacked--vertical-stacked-bar-discrete) and set the data to

export default [
  {
    group: 'Dataset 1',
    key: '1',
    value: 65000
  },
  {
    group: 'Dataset 1',
    key: '3',
    value: 29123
  }
]

you'll see that the y-axis' ticks have suddenly increased in value by a LOT. This bug can be circumvented by adding a letter to the key (i.e. '1a'). Here are some screenshots:

Version

"@carbon/charts-react": "1.14.2"

Data & options used

// data
export default [
  {
    group: 'Dataset 1',
    key: '1',
    value: 65000
  },
  {
    group: 'Dataset 1',
    key: '3',
    value: 29123
  }
]
// options (default StackBlitz)
export default {
  title: 'Vertical stacked bar (discrete)',
  axes: {
    left: {
      mapsTo: 'value',
      stacked: true
    },
    bottom: {
      mapsTo: 'key',
      scaleType: 'labels'
    }
  },
  height: '400px'
}

Relevant log output

No response

StackBlitz example

No response

What priority level would this be in your opinion?

P0