Stacked Bar chart about vue3-charts HOT 4 CLOSED

<Chart
  <Chart
  :size="{ width, height: 400 }"
  :data="data"
  :axis="axis"
  :margin="margin"
  :direction="direction"
>
  <template #layers>
    <Grid strokeDasharray="2,2" :center="false" />
    <Group :stacked="true">
      <Bar :dataKeys="['name', 'pl']" :barStyle="{ fill: 'red' }" />
      <Bar :dataKeys="['name', 'avg']" :barStyle="{ fill: 'blue' }" />
    </Group>
  </template>
  <template #widgets>
    <Tooltip
      hideLine
      :config="{
        name: { hide: true },
        inc: { hide: true },
        pl: { color: '#0077b6' },
        avg: { label: 'averange', color: '#0096c7' }
      }"
    />
  </template>
</Chart>