g2 v5.x 柱状图如何将不同的key堆叠到一起？

[PS-panda]

const data = [
{ month: 'Jan', key1: 100, key2: 150, key3: 200 },
{ month: 'Feb', key1: 120, key2: 160, key3: 210 },
{ month: 'Mar', key1: 130, key2: 170, key3: 220 },
// ...
];
数据格式如上，将key1,key2,key3堆叠到month上

[pearmini]

可以使用 fold Data Transform.

import { Chart } from '@antv/g2';

const chart = new Chart({
  container: 'container',
  theme: 'classic',
  padding: 'auto'
});

chart
  .interval()
  .data({
    value: [
      { month: 'Jan', key1: 100, key2: 150, key3: 200 },
      { month: 'Feb', key1: 120, key2: 160, key3: 210 },
      { month: 'Mar', key1: 130, key2: 170, key3: 220 },
    ],
    transform: [{ type: 'fold', fields: ['key1', 'key2', 'key3'] }],
  })
  .encode('x', 'month')
  .encode('y', 'value')
  .encode('color', 'key')
  .transform({type:'stackY'})

chart.render();