柱状图使用autofit属性时,图表高度仍然超出容器元素高度,高度始终为400px

[WangYiXie]

我编写了一个vue组件

<template>
  <div id="base">
    <div>{{ props.tableName }}</div>
    <div id="BarChart"></div>
  </div>
</template>

<script setup lang='ts'>
import { Column } from '@antv/g2plot'

interface Props{
  tableName: string
  xName: string
  yName: string
  barData: Record<string, any>[]
}

const props = defineProps<Props>()

const emit = defineEmits(['refresh'])

let chart:Column;

const init = ()=> {
  chart = new Column('BarChart', {
    data: props.barData,
    xField: props.xName,
    yField: props.yName,
    autoFit: true
  })

  chart.render()
}

const refresh = ()=> {
  chart.render();
}

onMounted(() => {
  init()
})

</script>

<style lang='less' scoped>
#base{
  height: 200px;
  padding-left: 2%;
}
</style>

版本："@antv/g2plot": "2.4.29",

[hustcc]

可以提供一个在线 demo，我来调试一下，按理说不会出现这个问题，最核心的使用链路。